MaterialUI カレンダー初期値設定を空白にしたい

初期値に空白を設定したくstartDate:””としたのですが、カレンダーで日付を選択するとInvalid dateとエラーが出てしまいます。onClickに関数を作成して設定してみたのですが、同じエラーが出てしまい解決できませんでした。
以下どのようにしたら実現できるか教えて頂きたいです。

materialUI

1 <Grid > 2 <TextField 3 id={"startDate"} 4 name={"startDate"} 5 value={startDate} 6 onClick={(e) => { handleOpen(e); }} 7 InputProps={{ 8 readOnly: true, 9 endAdornment: ( 10 <InputAdornment position="end"> 11 <CalendarTodayIcon fontSize="small" /> 12 </InputAdornment> 13 ), 14 }} 15 /> 16 </Grid> 17 18 const initSearchSetting = { 19 accountGroupes: { 20 accountGroupId: null, 21 accountGroupName: "", 22 accountId: null, 23 accountName: "", 24 }, 25//startDate:””とするとエラー 26 startDate: moment(new Date()).format("YYYY/MM/DD"), 27 } 28 29 const { 30 startDate, 31 endDate, 32 setStartDate, 33 setEndDate, 34 dateRange, 35 isSelected, 36 setIsSelected, 37 } = useDatePicker({ 38 defaultStartDate: initSearchSetting.startDate, 39 formatCode: "YYYY/MM/DD", 40 }) 41 42 //commom.tsx 43 const handleOpen = useCallback((e: React.MouseEvent<HTMLDivElement | HTMLButtonElement>) => { 44 setAnchorEl(e.currentTarget); 45 }, [])

コメントを投稿

0 コメント