forked from ddrilling/asb_cloud_front
32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
import { Moment } from 'moment'
|
|
import { TimePicker, TimePickerProps } from 'antd'
|
|
import { memo, useCallback, useMemo } from 'react'
|
|
|
|
import { defaultTimeFormat, momentToTime, timeToMoment } from '@utils/datetime'
|
|
import { TimeDto } from '@api'
|
|
|
|
export type TimePickerWrapperProps = Omit<Omit<TimePickerProps, 'value'>, 'onChange'> & {
|
|
value?: TimeDto,
|
|
onChange?: (date: TimeDto | null) => any
|
|
isUTC?: boolean
|
|
}
|
|
|
|
export const TimePickerWrapper = memo<TimePickerWrapperProps>(({ value, onChange, isUTC, ...other }) => {
|
|
const time = useMemo(() => value ? timeToMoment(value, isUTC) : null, [value, isUTC])
|
|
|
|
const onTimeChange = useCallback((time: Moment | null) => onChange?.(time ? momentToTime(time) : null), [onChange])
|
|
|
|
return (
|
|
<TimePicker
|
|
allowClear={false}
|
|
format={defaultTimeFormat}
|
|
defaultValue={timeToMoment()}
|
|
onChange={onTimeChange}
|
|
value={time}
|
|
{...other}
|
|
/>
|
|
)
|
|
})
|
|
|
|
export default TimePickerWrapper
|