Отображение полного календаря DatePicker на странице

Я пытаюсь использовать React для создания простого приложения.

Мне нравится, как выглядит полный календарь следующих средств выбора даты (после нажатия):

Можно ли извлечь полный календарь на страницу без необходимости щелкать, чтобы открыть модальное/диалоговое окно календаря? Так же, как в приложениях Google Календарь.

Например, я хочу отображать календарь на главной странице приложения.


person ali    schedule 13.02.2016    source источник


Ответы (1)


Взгляните на компонент календаря. в библиотеке материалов. Вы должны иметь возможность использовать его напрямую -

import Calendar from 'material-ui/lib/date-picker/calendar';

Пример того, как его использовать, можно найти внутри ссылки Код компонента DatePickerDialog.

<Calendar
      DateTimeFormat={DateTimeFormat}
      firstDayOfWeek={firstDayOfWeek}
      locale={locale}
      ref="calendar"
      onDayTouchTap={this.handleTouchTapDay}
      initialDate={this.props.initialDate}
      open={this.state.open}
      minDate={this.props.minDate}
      maxDate={this.props.maxDate}
      shouldDisableDate={this.props.shouldDisableDate}
      disableYearSelection={this.props.disableYearSelection}
      mode={this.props.mode}
    />
person hazardous    schedule 15.02.2016
comment
Эй, спасибо! Это то, что я сделал после того, как покопался в исходном коде. Спасибо еще раз - person ali; 17.02.2016
comment
Рад это знать. Пожалуйста, примите ответ, если он помог. - person hazardous; 17.02.2016