jsDate = {String(this.state.value)}
21 |jsDate = {String(this.state.value)}
20 |onChange(jsDate, dateString)
35 |dateString = "{this.state.datePickerInputDate}"
36 | 37 | {this.state.showInput && 38 |onChange(jsDate)
57 |jsDate = {String(this.state.datePickerDate)}
58 |VALUE LINK
66 | 67 |jsDate = {String(this.state.datePickerInputDate2)}
68 |union(String | Date | MomentDate) | | *optional*. Current date |
9 | | **valueLink** | {value: ?String | Date | MomentDate, requestChange: Function} | | *optional*. ValueLink object to replace "value" and "onChange" |
10 | | **onChange** | {jsDate: Date, dateString: string} | | *optional*. Called when value changes |
11 | | **onShow** | Function | "onShow" | *optional*. Called when datepicker is opened |
12 | | **onHide** | Function | "onHide" | *optional*. Called when datepicker is closed |
13 | | **onClear** | Function | | *optional*. Called when value is cleared |
14 | | **small** | Boolean | false | *optional*. Whether it's small or not |
15 | | **defaultValue** | union(String | Date | MomentDate) | | *optional*. Default date |
16 | | **minDate** | union(String | Date | MomentDate) | | *optional*. Minimum date selectable by the user |
17 | | **maxDate** | union(String | Date | MomentDate) | | *optional*. Maximum date selectable by the user |
18 | | **locale** | String | | *optional*. Locale used for translations |
19 | | **startMode** | enum("day" | "month" | "year") | "day" | *optional*. The start view of the datepicker |
20 | | **startDate** | union(String | Date | MomentDate) | | *optional*. Specify an initial "visible" date with no need to select a defaultValue |
21 | | **fixedMode** | Boolean | | *optional*. Whether the user can use multiple views or not |
22 | | **displayFormat** | String | | *optional*. MomentJS format used to display current date |
23 | | **returnFormat** | String | | *optional*. MomentJS format used to format date before returing through "onChange" |
24 | | **format** | String | | *optional*. MomentJS format used to format date before returing through "onChange" |
25 | | **validationFormat** | String | | *optional*. MomentJS format used to format date before returing through "onChange" |
26 | | **showOnInputClick** | Boolean | | *optional*. Whether the datepicker should open when user click on the input |
27 | | **closeOnClickOutside** | Boolean | true | *optional*. Whether the datepicker should close when user clicks outside of it |
28 | | **showInputButton** | Boolean | true | *optional*. Whether the input-button should be rendered |
29 | | **autoClose** | Boolean | true | *optional*. Pass true if you want the datepicker to close automatically after the user selects a value |
30 | | **floating** | Boolean | true | *optional*. Whether the datepicker should float over the page content (absolute position) |
31 | | **disabled** | Boolean | | *optional*. Whether the datepicker should be disabled or not |
32 | | **position** | enum("top" | "bottom") | "bottom" | *optional*. Whether the datepicker should be rendered above or below the input field |
33 | | **iconClassName** | String | "icon-rc-datepicker icon-rc-datepicker_calendar" | *optional*. Classname used for the icon |
34 | | **iconClearClassName** | String | "icon-rc-datepicker icon-rc-datepicker_clear" | *optional*. Classname used for the clear icon |
35 | | **className** | String | "" | *optional*. ClassName used for the wrapper div |
36 | | **style** | Object | {} | *optional*. Style used for the wrapper div |
37 | | **placeholder** | String | | *optional*. |
--------------------------------------------------------------------------------
/src/Row.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import cx from 'classnames';
3 | import t from 'tcomb';
4 | import { props, ReactChildren } from 'tcomb-react';
5 | import View from 'react-flexview';
6 | import { pure, skinnable } from './utils';
7 | import { Mode } from './utils/model';
8 |
9 | @pure
10 | @skinnable()
11 | @props({
12 | pickers: t.list(ReactChildren),
13 | mode: Mode
14 | })
15 | export default class Row extends React.Component {
16 |
17 | getLocals({ mode, pickers }) {
18 | return {
19 | pickers,
20 | className: cx('react-datepicker-row', mode)
21 | };
22 | }
23 |
24 | template({ className, pickers }) {
25 | return (
26 |