# Date Picker Allows for the selection of a date into a text field. ## Variants ### Default @@include('DatePicker.html') ## States State | Applied to | Result --- | --- | --- `.is-highlighted` | `.ms-DatePicker-monthOption`, `.ms-DatePicker-yearOption` | Marks a month or year as selected. `.is-pickingYears` | `.ms-DatePicker` | Displays a set of years to choose from. `.is-pickingMonths` | `.ms-DatePicker` | Displays a set of months to choose from. ## Using this component 1. Confirm that you have references to Fabric's CSS and JavaScript on your page, as well as jQuery: ``` ``` 2. Copy the HTML from one of the samples above into your page. For example: ```

Start date

Go to today

Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

``` 3. Add the following ` ``` 4. Verify that the component is working the same as in the sample above. ## Dependencies This component has no dependencies on other components. It does, however, require [pickadate.js](http://amsul.ca/pickadate.js/) which is included in `jquery.fabric.min.js`. ## Accessibility More details will be added here.