Module: Admin/Widgets/datepicker

Datepicker Widget

Creates a customizable date(range)picker.

jQueryUI Datepicker API: http://api.jqueryui.com/datepicker

You can add the data-datepicker-gx-container attribute and it will style the datepicker with the new CSS styles located at the admin.css file. This might be useful when the .gx-container class is not set directly on the tag but in an inner div element of the page. The datepicker will create a new div element which might be outside the .gx-container and therefore will not have its style.

Example

When the page loads, an input field as a date picker will be added.

<input type="text" data-gx-widget="datepicker" data-datepicker-show-On="focus"
     data-datepicker-gx-container placeholder="##.##.####" />

For custom date format, use the 'data-datepicker-format' attribute.