Getting started

In order to get the control up and running you need follow these steps:

Requirements:

• I'm using RxJS to handle events

Add your html for the control

<div id="shortDate" data-win-control="Goomez.UI.DatePicker" 
 data-win-options="{mode: 'edit', control: 'date', picture: 'shortdate', minYear: 1978, maxYear: 2014}"></div>

Options object

Property	Description
mode	Values 'edit' or 'view'. If edit the select controls are show, when in view it'll just show a span with the text
control	'date', 'time' or 'datetime'
picture	Useful only when control is view. It will take the desired DateTimeFormatter according to the templates defined at the templates section.
minYear	The minimum year the user can set. Default in 1940.
maxYear	The maximum year the user can set. Default is 2039.