For more info please check the components's official demos & documentation demos & documentation

Simple datepicker

   

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

Model: {{ model | json }}

Model: {{ secondModel | json }}

Example of the range selection

{{ date.day }}

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.

{{ date.day }}

This datepicker uses customized default values.