typescriptで<input type="date" />を使う際のstate型について

<input type="date" value="2017-06-01" />

// stateの定義とinputタグ自体はシンプルに書けるけど...
const [stringDate, setStringDate] = useState('');

<input 
	value={stringDate}
	onChange={(e) => setStringDate(e.target.value)}
/>

// date -> string
stringDate = dateDate.toISOString().slice(0,10)
// これで"2023-04-17T01:52:26.878Z"の"2023-04-17"だけを取得できる
// とはいえ可読性も低いし、毎回書くのは結構めんどくさい

// string -> date
dateDate = new Date(Date.parse(stringDate)) 

// date -> number
numberDate = dateDate.getTime()

// number -> date
dateDate = new Date(numberDate)

const [numberDate, setNumberDate] = useState(0);

// stringとの変換が面倒なので関数化
const stringToNumber = (stringD: string) => {
  const _dateDate = new Date(Date.parse(stringD));
  return _dateDate.getTime();
};

const numberToString = (numberD: number) => {
  const _dateDate = new Date(numberD);
  return _dateDate.toISOString().slice(0, 10);
};

<input
  type="date"
  value={numberToString(numberDate)}
  onChange={(e) => setNumberDate(stringToNumber(e.target.value))}
/>

const [dateDate, setDateDate] = useState(new Date());

<input
  type="date"
  value={dateDate.toISOString().slice(0, 10)}
  onChange={(e) => setDateDate(new Date(Date.parse(e.target.value)))}
/>