123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367 |
- // Jest Snapshot v1, https://goo.gl/fbAQLP
-
- exports[`should render 1`] = `
- <OutsideClickHandler
- onClickOutside={[Function]}
- >
- <span
- className="date-input-control"
- >
- <injectIntl(Component)
- className="date-input-control-input"
- innerRef={[Function]}
- onFocus={[Function]}
- placeholder="placeholder"
- readOnly={true}
- type="text"
- />
- <CalendarIcon
- className="date-input-control-icon"
- fill=""
- />
- </span>
- </OutsideClickHandler>
- `;
-
- exports[`should render 2`] = `
- <OutsideClickHandler
- onClickOutside={[Function]}
- >
- <span
- className="date-input-control"
- >
- <injectIntl(Component)
- className="date-input-control-input is-filled"
- innerRef={[Function]}
- onFocus={[Function]}
- placeholder="placeholder"
- readOnly={true}
- type="text"
- value={2018-01-17T00:00:00.000Z}
- />
- <CalendarIcon
- className="date-input-control-icon"
- fill=""
- />
- <ClearButton
- aria-label="reset_verb"
- className="button-tiny date-input-control-reset"
- iconProps={
- Object {
- "size": 12,
- }
- }
- onClick={[Function]}
- />
- </span>
- </OutsideClickHandler>
- `;
-
- exports[`should render 3`] = `
- <OutsideClickHandler
- onClickOutside={[Function]}
- >
- <span
- className="date-input-control"
- >
- <injectIntl(Component)
- className="date-input-control-input is-filled"
- innerRef={[Function]}
- onFocus={[Function]}
- placeholder="placeholder"
- readOnly={true}
- type="text"
- value={2018-01-17T00:00:00.000Z}
- />
- <CalendarIcon
- className="date-input-control-icon"
- fill=""
- />
- <ClearButton
- aria-label="reset_verb"
- className="button-tiny date-input-control-reset"
- iconProps={
- Object {
- "size": 12,
- }
- }
- onClick={[Function]}
- />
- <div
- className="date-input-calendar"
- >
- <nav
- className="date-input-calendar-nav"
- >
- <ButtonIcon
- className="button-small"
- onClick={[Function]}
- >
- <ChevronLeftIcon />
- </ButtonIcon>
- <div
- className="date-input-calender-month"
- >
- <Select
- aria-label="select_month"
- className="date-input-calender-month-select"
- onChange={[Function]}
- options={
- Array [
- Object {
- "label": "Jan",
- "value": 0,
- },
- Object {
- "label": "Feb",
- "value": 1,
- },
- Object {
- "label": "Mar",
- "value": 2,
- },
- Object {
- "label": "Apr",
- "value": 3,
- },
- Object {
- "label": "May",
- "value": 4,
- },
- Object {
- "label": "Jun",
- "value": 5,
- },
- Object {
- "label": "Jul",
- "value": 6,
- },
- Object {
- "label": "Aug",
- "value": 7,
- },
- Object {
- "label": "Sep",
- "value": 8,
- },
- Object {
- "label": "Oct",
- "value": 9,
- },
- Object {
- "label": "Nov",
- "value": 10,
- },
- Object {
- "label": "Dec",
- "value": 11,
- },
- ]
- }
- value={
- Object {
- "label": "Jan",
- "value": 0,
- }
- }
- />
- <Select
- aria-label="select_year"
- className="date-input-calender-month-select spacer-left"
- onChange={[Function]}
- options={
- Array [
- Object {
- "label": "2008",
- "value": 2008,
- },
- Object {
- "label": "2009",
- "value": 2009,
- },
- Object {
- "label": "2010",
- "value": 2010,
- },
- Object {
- "label": "2011",
- "value": 2011,
- },
- Object {
- "label": "2012",
- "value": 2012,
- },
- Object {
- "label": "2013",
- "value": 2013,
- },
- Object {
- "label": "2014",
- "value": 2014,
- },
- Object {
- "label": "2015",
- "value": 2015,
- },
- Object {
- "label": "2016",
- "value": 2016,
- },
- Object {
- "label": "2017",
- "value": 2017,
- },
- Object {
- "label": "2018",
- "value": 2018,
- },
- ]
- }
- value={
- Object {
- "label": "2018",
- "value": 2018,
- }
- }
- />
- </div>
- <ButtonIcon
- className="button-small"
- onClick={[Function]}
- >
- <ChevronRightIcon />
- </ButtonIcon>
- </nav>
- <DayPicker
- canChangeMonth={true}
- captionElement={<NullComponent />}
- classNames={
- Object {
- "body": "DayPicker-Body",
- "caption": "DayPicker-Caption",
- "container": "DayPicker",
- "day": "DayPicker-Day",
- "disabled": "disabled",
- "footer": "DayPicker-Footer",
- "interactionDisabled": "DayPicker--interactionDisabled",
- "month": "DayPicker-Month",
- "months": "DayPicker-Months",
- "navBar": "DayPicker-NavBar",
- "navButtonInteractionDisabled": "DayPicker-NavButton--interactionDisabled",
- "navButtonNext": "DayPicker-NavButton DayPicker-NavButton--next",
- "navButtonPrev": "DayPicker-NavButton DayPicker-NavButton--prev",
- "outside": "outside",
- "selected": "selected",
- "today": "today",
- "todayButton": "DayPicker-TodayButton",
- "week": "DayPicker-Week",
- "weekNumber": "DayPicker-WeekNumber",
- "weekday": "DayPicker-Weekday",
- "weekdays": "DayPicker-Weekdays",
- "weekdaysRow": "DayPicker-WeekdaysRow",
- "wrapper": "DayPicker-wrapper",
- }
- }
- disabledDays={
- Object {
- "after": 2018-02-05T00:00:00.000Z,
- "before": 2018-01-17T00:00:00.000Z,
- }
- }
- enableOutsideDaysClick={true}
- firstDayOfWeek={1}
- fixedWeeks={false}
- labels={
- Object {
- "nextMonth": "Next Month",
- "previousMonth": "Previous Month",
- }
- }
- locale="en"
- localeUtils={
- Object {
- "default": Object {
- "formatDay": [Function],
- "formatMonthTitle": [Function],
- "formatWeekdayLong": [Function],
- "formatWeekdayShort": [Function],
- "getFirstDayOfWeek": [Function],
- "getMonths": [Function],
- },
- "formatDay": [Function],
- "formatMonthTitle": [Function],
- "formatWeekdayLong": [Function],
- "formatWeekdayShort": [Function],
- "getFirstDayOfWeek": [Function],
- "getMonths": [Function],
- }
- }
- month={2018-01-17T00:00:00.000Z}
- navbarElement={<NullComponent />}
- numberOfMonths={1}
- onDayClick={[Function]}
- onDayMouseEnter={[Function]}
- pagedNavigation={false}
- renderDay={[Function]}
- renderWeek={[Function]}
- reverseMonths={false}
- selectedDays={
- Array [
- 2018-01-17T00:00:00.000Z,
- ]
- }
- showOutsideDays={false}
- showWeekDays={true}
- showWeekNumbers={false}
- tabIndex={0}
- weekdayElement={<Weekday />}
- weekdaysLong={
- Array [
- "Sunday",
- "Monday",
- "Tuesday",
- "Wednesday",
- "Thursday",
- "Friday",
- "Saturday",
- ]
- }
- weekdaysShort={
- Array [
- "Sun",
- "Mon",
- "Tue",
- "Wed",
- "Thu",
- "Fri",
- "Sat",
- ]
- }
- />
- </div>
- </span>
- </OutsideClickHandler>
- `;
-
- exports[`should select a day 1`] = `
- <OutsideClickHandler
- onClickOutside={[Function]}
- >
- <span
- className="date-input-control"
- >
- <injectIntl(Component)
- className="date-input-control-input"
- innerRef={[Function]}
- onFocus={[Function]}
- placeholder="placeholder"
- readOnly={true}
- type="text"
- />
- <CalendarIcon
- className="date-input-control-icon"
- fill=""
- />
- </span>
- </OutsideClickHandler>
- `;
|