react-dates の DatePicker でレスポンシブする。
TextField と DatePicker がセットになっている DateRangePicker コンポーネントと、Date Picker 単体の DayPickerRangeController コンポーネントを対象とする。
DateRangePicker のレスポンシブ対応は比較的容易だが、DayPickerRangeControllerは少しカスタムが多め。
$ sw_vers ProductName: Mac OS X ProductVersion: 10.15.6 BuildVersion: 19G2021 $ node --version v12.18.2 $ npm --version 6.14.5 $ yarn --version 1.22.4 $ yarn list --depth=0 ... @material-ui/core@4.11.0 react-dates@21.8.0 react@16.13.1 typescript@3.7.5 ... $ yarn install $ yarn start