membuat rhf datepicker v2
This commit is contained in:
@@ -17,7 +17,7 @@ interface IProps {
|
||||
disabled?: boolean;
|
||||
}
|
||||
|
||||
export default function RHFDatePickerV2({ name, label, dateFormat, minDate, maxDate, disabled, ...other }: IProps) {
|
||||
export default function RHFDatePicker({ name, label, dateFormat, minDate, maxDate, disabled, ...other }: IProps) {
|
||||
const { control } = useFormContext();
|
||||
|
||||
const { fullWidth } = other;
|
||||
@@ -32,13 +32,16 @@ export default function RHFDatePickerV2({ name, label, dateFormat, minDate, maxD
|
||||
<DesktopDatePicker
|
||||
disabled={disabled}
|
||||
label={label}
|
||||
onChange={(date) => field.onChange(date)}
|
||||
onChange={(date)=> field.onChange(date)}
|
||||
inputFormat={dateFormat}
|
||||
value={field.value}
|
||||
mask={''}
|
||||
minDate={(minDate) ? new Date(minDate) : null}
|
||||
maxDate={(maxDate) ? new Date(maxDate) : null}
|
||||
renderInput={(params) => <TextField fullWidth={fullWidth} {...params} />}
|
||||
renderInput={(params) => <TextField
|
||||
fullWidth={fullWidth}
|
||||
{...params}
|
||||
/>}
|
||||
/>
|
||||
{!!error && (
|
||||
<FormHelperText error sx={{ px: 2 }}>
|
||||
|
||||
@@ -62,6 +62,7 @@ export default function RHFDatepicker({ name, ...other }: IProps & TextFieldProp
|
||||
value={field.value}
|
||||
inputFormat="dd/MMM/yyyy"
|
||||
// inputFormat="dd - MMM - yyyy"
|
||||
mask=''
|
||||
onChange={(value) => {
|
||||
field.onChange(value);
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user