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