Simple datepicker

Month: {{ date.month }}.{{ date.year }}

Model: {{ model | json }}

Model: {{ secondModel | json }}

Example of the range selection

From: {{ fromDate | json }}

To: {{ toDate | json }}

These datepickers use custom Date adapter that lets you use your own model implementation. In this example we are converting from and to a JS native Date object

Model: {{ model1 | json }}

State: {{ c1.status }}

These datepickers use custom Date adapter that lets you use your own model implementation. In this example we are converting from and to a JS native Date object

Model: {{ model2 | json }}

State: {{ c2.status }}

Datepicker in French

This datepicker uses a custom template to display days. All week-ends are displayed with an orange background.

This datepicker uses customized default values.