Files
bodyshop/client/src/components/form-date-time-picker/form-date-time-picker.component.jsx

32 lines
842 B
JavaScript

import React, { forwardRef } from "react";
//import DatePicker from "react-datepicker";
//import "react-datepicker/src/stylesheets/datepicker.scss";
import FormDatePicker from "../form-date-picker/form-date-picker.component";
import { TimePicker } from "antd";
import moment from "moment";
//To be used as a form element only.
const DateTimePicker = ({ value, onChange, onBlur }, ref) => {
// const handleChange = (newDate) => {
// if (value !== newDate && onChange) {
// onChange(newDate);
// }
// };
return (
<div>
<FormDatePicker value={value} onChange={onChange} />
<TimePicker
value={value ? moment(value) : null}
onChange={onChange}
showSecond={false}
minuteStep={15}
format="hh:mm a"
/>
</div>
);
};
export default forwardRef(DateTimePicker);