2015-10-31 22:03:49 +03:00
# Date Picker
2015-09-04 23:09:16 +03:00
2015-10-31 22:03:49 +03:00
A [dialog ](https://www.google.com/design/spec/components/pickers.html#pickers-date-pickers ) date picker is used to select a single date. The selected day is indicated by a filled circle. The current day is indicated by a different color and type weight.
2015-09-04 23:09:16 +03:00
2015-10-31 22:03:49 +03:00
<!-- example -->
```jsx
2015-11-10 13:07:43 +03:00
import DatePicker from 'react-toolbox/lib/date_picker';
2015-09-04 23:09:16 +03:00
2015-10-31 22:03:49 +03:00
const selectedDate = new Date(1995, 11, 17);
const DatePickerTest = () => (
< DatePicker value = {selectedDate} / >
);
2015-09-04 23:09:16 +03:00
```
## Properties
| Name | Type | Default | Description|
2015-10-31 23:55:12 +03:00
|:-----|:-----|:-----|:-----|
| `className` | `String` | `''` | Sets a class to give customized styles to the time picker.|
2015-11-10 17:27:03 +03:00
| `onChange` | `Function` | | Callback called when the picker value is changed.|
2015-10-31 23:55:12 +03:00
| `value` | `Date` | | Date object with the currently selected date. |