mirror of
https://github.com/myfatemi04/wheelshare-frontend.git
synced 2025-04-21 19:29:51 -04:00
38 lines
662 B
TypeScript
38 lines
662 B
TypeScript
import { useCallback } from 'react';
|
|
|
|
const baseStyle = {
|
|
marginTop: '0.5em',
|
|
padding: '0.5em',
|
|
fontFamily: 'Inter',
|
|
fontSize: '1.25rem',
|
|
borderRadius: '0.5em',
|
|
border: '0px',
|
|
};
|
|
|
|
export default function UIDatetimeInput({
|
|
onChangedDate,
|
|
disabled = false,
|
|
}: {
|
|
onChangedDate: (date: Date | null) => void;
|
|
disabled?: boolean;
|
|
}) {
|
|
const onChange = useCallback(
|
|
(e) => {
|
|
const number = e.target.valueAsNumber;
|
|
if (!isNaN(number)) {
|
|
const date = new Date(number);
|
|
onChangedDate(date);
|
|
}
|
|
},
|
|
[onChangedDate]
|
|
);
|
|
return (
|
|
<input
|
|
style={baseStyle}
|
|
type="datetime-local"
|
|
disabled={disabled}
|
|
onChange={onChange}
|
|
/>
|
|
);
|
|
}
|