superdesk-ui-framework 4.1.3 → 4.1.5

package/dist/components/DateTimePicker.tsx

@@ -21,6 +21,7 @@ class DateTimePickerExample extends React.PureComponent<{}, {dateTime: Date | nu
                 valueType="date"
                 value={this.state.dateTime}
                 dateFormat="YYYY-MM-DD"
+                allowSeconds
                 onChange={(val) => {
                     const parsedVal = val != null ? new Date(val) : null;
 
@@ -56,6 +57,7 @@ export default class DateTimePickerDoc extends React.Component<{}, IState> {
                         value={this.state.dateTime}
                         dateFormat="YYYY-MM-DD"
                         fullWidth
+                        allowSeconds
                         onChange={(val) => {
                             const parsedVal = val != null ? new Date(val) : null;
 
@@ -75,6 +77,7 @@ export default class DateTimePickerDoc extends React.Component<{}, IState> {
                             value={this.state.dateTime}
                             dateFormat="YYYY-MM-DD"
                             fullWidth
+                            allowSeconds
                             onChange={(val) => {
                                 const parsedVal = val != null ? new Date(val) : null;
 
@@ -100,6 +103,13 @@ export default class DateTimePickerDoc extends React.Component<{}, IState> {
                         default="/"
                         description='Date format to use, i.e. "MM/DD/YYYY".'
                     />
+                    <Prop
+                        name="allowSeconds"
+                        isRequired={false}
+                        type="boolean"
+                        default="false"
+                        description="Allow seconds in the time picker."
+                    />
                     <Prop
                         name="onChange"
                         isRequired={true}

package/dist/components/TimePicker.tsx

@@ -36,7 +36,12 @@ class TimePickerExample extends React.PureComponent<{}, {time: string | null}> {
                         <Button size="small" text="In 30 min" style="hollow" onClick={() => false} />
                         <Button size="small" text="In 1 hr" style="hollow" onClick={() => false} />
                         <Button size="small" text="In 2 hr" style="hollow" onClick={() => false} />
-                        <Button size="small" text="In 5 hr" style="hollow" onClick={() => false} />
+                        <Button
+                            size="small"
+                            text="16:32"
+                            style="hollow"
+                            onClick={() => this.setState({time: '16:32'})}
+                        />
                     </ButtonGroup>
                 }
                 footerTemplate={<div>Footer</div>}
@@ -65,7 +70,7 @@ export default class TimePickerDoc extends React.Component<{}, {time: string}> {
     render() {
         return (
             <section className="docs-page__container">
-                <h2 className="docs-page__h2">Time picker</h2>
+                <h2 className="docs-page__h2">Time picker 1</h2>
                 <Markup.ReactMarkupCodePreview>{`
                     <TimePicker
                         value={this.state.time}