@gravel-form/antd
Version:
A flexible middlewares driven json schema form with Ant Design
1 lines • 1.01 kB
Source Map (JSON)
{"version":3,"sources":["middlewares/TimePickerMw.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAe7D,CAAC;AAEF,eAAe,YAAY,CAAC","file":"TimePickerMw.d.ts","sourcesContent":["import * as React from 'react';\nimport get from 'lodash/get';\nimport { TimePicker } from 'antd';\nimport { MiddlewareProps } from '../share';\nimport moment from 'moment';\n\nexport const TimePickerMw: React.ComponentType<MiddlewareProps> = (props) => {\n const { next, schema, data, onChange, extraProps } = props;\n\n if (typeof schema === 'boolean' || schema.type !== 'string') return next(props);\n\n return (\n <TimePicker\n style={{ width: '100%' }}\n value={typeof data === 'string' ? moment(data, 'HH:mm:ss') : null}\n onChange={(_, dateString) => {\n onChange(dateString || undefined);\n }}\n {...get(extraProps, 'props')}\n />\n );\n};\n\nexport default TimePickerMw;\n"]}