mirror of
https://bitbucket.org/Mattrixwv/mattrixwvreactcomponents.git
synced 2025-12-07 14:13:58 -05:00
27 lines
588 B
TypeScript
27 lines
588 B
TypeScript
import type { DateInputProps } from "$/types/Input";
|
|
import clsx from "clsx";
|
|
import moment from "moment";
|
|
|
|
|
|
export default function DateInput({
|
|
id,
|
|
className,
|
|
defaultValue,
|
|
value,
|
|
onChange
|
|
}: DateInputProps){
|
|
return (
|
|
<input
|
|
type="date"
|
|
id={id}
|
|
className={clsx(
|
|
"border rounded-lg px-2 py-1",
|
|
className
|
|
)}
|
|
defaultValue={defaultValue ? moment(defaultValue).format("YYYY-MM-DD") : undefined}
|
|
value={value ? moment(value).format("YYYY-MM-DD") : undefined}
|
|
onChange={(e) => onChange?.(new Date(moment(e.target.value, "YYYY-MM-DD").toDate()))}
|
|
/>
|
|
);
|
|
}
|