After searching the web for a nice looking simple date range calendar and coming up empty I made my own.
This is meant to be easily modifiable and used as either a complete product or a boiler plate.

A Small Demo

Simple Calendar requires Additional Code
Angular JS - download here
Font Awesome - download here
Bootstrap - download here (only needed for 2 classes, "form-group" and "form-control")

I've included the basics.

• A Basic CSS File
• A Template (can be modified)
• The Angular JS Directive

First, remember to add 'simpleCalendar' to your module's dependencies array.

  angular.module('MyModule',['simpleCalendar']);

You can initialize simple calendar in all 3 angular ways.

// you can initialize by creating a simple-calendar tag
<simple-calendar></simple-calendar>

// you can initialize by adding simple-calendar as an attribute to a div
<div simple-calendar></div>

// you can initialize by adding simple-calendar as a class to a div
<div class="simple-calendar"></div>

You can also pass in a few options

// you can specify a few options
<div simple-calendar number-of-weeks="6" start-date="startDate" end-date="endDate"></div>