Button Control

{{ form.date1 ? (form.date1 | ezDate:'MMMM Do, YYYY [at] h:mma') : 'Pick a Date' }} - clear
Model value => {{ form.date1 || 'null' }}

---

Input Control - limit range ({{ form.date3Min | ezDate:'lll' }} - {{ form.date3Max | ezDate:'lll' }})

---

Range Selector

{{ (form.date4From | ezDate:'MMM Do, YYYY [at] h:mma')|| 'Start Date' }} - {{ (form.date4To | ezDate:'MMM Do, YYYY [at] h:mma') || 'End Date' }}

Form Dirty State => {{ _form4.$dirty }}
{ from: {{ form.date4From || 'null' }},
to: {{ form.date4To || 'null' }} }

---

Input Range Selector

Form Dirty State => {{ _form5.$dirty }}
Model value => {{ form.date5Range || 'null' }}
Shortcut => {{ form.date5Shortcut }}

---

Custom Input Control Range

---

Standalone Datepicker

Model value => {{ form.date5 || 'null' }}

---

Standalone Timepicker

Model value => {{ form.time1 || 'null' }}