Блог

Это библиотека средств выбора материалов для пользовательского интерфейса: https://material-ui-pickers.dev/api/datepicker

Если вы прокрутите до InlinePickers, вы увидите три примера, которые я хочу использовать, один в конце со значком календаря в поле ввода. Проблема в том, что если вы включите это, пользователь сможет редактировать поле и вводить даты. Однако я хочу, чтобы поле ввода оставалось тем же самым, где оно открывает календарь, когда вы фокусируетесь на вводе.

Поэтому я хотел бы иметь возможность открывать календарь либо при фокусировке, либо при нажатии на календарь.

Кроме того, почему при подаче представления prop [«год», «месяц», «день»] по-прежнему отображаются только месяц и день. Можно ли также отобразить год, сохраняя месяц в текстовом, а не числовом формате?

               <InlineDatePicker
                keyboard
                label={"Start Date"}
                value={startDate}
                onChange={(e) => {this.handleDateChange(e, 'start')}}
                className={styles.dateInput}
                minDate={this.getMinDate()}
                views={["year", "month", "day"]}
              />