update

Author: hunghg255

src/components/UI/DatePicker/DatePicker.tsx

@@ -0,0 +1,23 @@
+import { Dayjs } from 'dayjs';
+import dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';
+import generatePicker, {
+  PickerProps,
+  RangePickerDateProps,
+  RangePickerTimeProps,
+} from 'antd/lib/date-picker/generatePicker';
+
+export const DatePickerDayjs = generatePicker<Dayjs>(dayjsGenerateConfig);
+
+const DatePicker = (props: PickerProps<Dayjs>) => {
+  return <DatePickerDayjs {...props} />;
+};
+
+export const RangePicker = (props: RangePickerDateProps<Dayjs> | RangePickerTimeProps<Dayjs>) => {
+  return <DatePickerDayjs.RangePicker {...props} />;
+};
+
+RangePicker.displayName = 'DatePicker';
+
+DatePicker.displayName = 'DatePicker';
+
+export default DatePicker;

src/components/UI/TimePicker/TimePicker.tsx

@@ -0,0 +1,14 @@
+import { Dayjs } from 'dayjs';
+import * as React from 'react';
+import { PickerTimeProps } from 'antd/es/date-picker/generatePicker';
+import { DatePickerDayjs } from '../DatePicker/DatePicker';
+
+export interface TimePickerProps extends Omit<PickerTimeProps<Dayjs>, 'picker'> {}
+
+const TimePicker = React.forwardRef<any, TimePickerProps>((props, ref) => {
+  return <DatePickerDayjs {...props} picker='time' mode={undefined} ref={ref} />;
+});
+
+TimePicker.displayName = 'TimePicker';
+
+export default TimePicker;