37 lines
807 B
JavaScript
37 lines
807 B
JavaScript
import { DatePicker } from "antd";
|
|
import moment from "moment";
|
|
import React, { forwardRef } from "react";
|
|
//To be used as a form element only.
|
|
|
|
const dateFormat = "MM/DD/YYYY";
|
|
|
|
const FormDatePicker = ({ value, onChange, onBlur, ...restProps }, ref) => {
|
|
const handleChange = (newDate) => {
|
|
if (value !== newDate && onChange) {
|
|
onChange(newDate);
|
|
}
|
|
};
|
|
|
|
const handleKeyDown = (e) => {
|
|
if (e.key.toLowerCase() === "t") {
|
|
if (onChange) {
|
|
onChange(new moment());
|
|
}
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div onKeyDown={handleKeyDown}>
|
|
<DatePicker
|
|
value={value ? moment(value) : null}
|
|
onChange={handleChange}
|
|
format={dateFormat}
|
|
onBlur={onBlur}
|
|
{...restProps}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default forwardRef(FormDatePicker);
|