-
Notifications
You must be signed in to change notification settings - Fork 942
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
318 additions
and
38 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
200 changes: 200 additions & 0 deletions
200
src/components/FieldDateRangeInput/DateRangeInput.helpers.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,200 @@ | ||
| import moment from 'moment'; | ||
| import { isSameDay, isInclusivelyAfterDay, isInclusivelyBeforeDay } from 'react-dates'; | ||
|
|
||
| import { ensureTimeSlot } from '../../util/data'; | ||
| import { START_DATE, END_DATE, dateFromAPIToLocalNoon } from '../../util/dates'; | ||
| import { LINE_ITEM_DAY, TIME_SLOT_DAY } from '../../util/types'; | ||
| import config from '../../config'; | ||
|
|
||
| // Checks if time slot (propTypes.timeSlot) start time equals a day (moment) | ||
| const timeSlotEqualsDay = (timeSlot, day) => { | ||
| if (ensureTimeSlot(timeSlot).attributes.type === TIME_SLOT_DAY) { | ||
| // Time slots describe available dates by providing a start and | ||
| // an end date which is the following day. In the single date picker | ||
| // the start date is used to represent available dates. | ||
| const localStartDate = dateFromAPIToLocalNoon(timeSlot.attributes.start); | ||
|
|
||
| return isSameDay(day, moment(localStartDate)); | ||
| } else { | ||
| return false; | ||
| } | ||
| }; | ||
|
|
||
| /** | ||
| * Return a boolean indicating if given date can be found in an array | ||
| * of tile slots (start dates). | ||
| */ | ||
| const timeSlotsContain = (timeSlots, date) => { | ||
| return timeSlots.findIndex(slot => timeSlotEqualsDay(slot, date)) > -1; | ||
| }; | ||
|
|
||
| const lastBlockedBetweenExclusive = (timeSlots, startDate, endDate) => { | ||
| if (startDate.isSame(endDate, 'date')) { | ||
| return undefined; | ||
| } | ||
|
|
||
| return timeSlotsContain(timeSlots, endDate) | ||
| ? lastBlockedBetweenExclusive(timeSlots, startDate, moment(endDate).subtract(1, 'days')) | ||
| : endDate; | ||
| }; | ||
|
|
||
| /** | ||
| * Find first blocked date between two dates. | ||
| * If none is found, undefined is returned. | ||
| * | ||
| * @param {Array} timeSlots propTypes.timeSlot objects | ||
| * @param {Moment} startDate start date, exclusive | ||
| * @param {Moment} endDate end date, exclusive | ||
| */ | ||
| const firstBlockedBetween = (timeSlots, startDate, endDate) => { | ||
| const firstDate = moment(startDate).add(1, 'days'); | ||
| if (firstDate.isSame(endDate, 'date')) { | ||
| return undefined; | ||
| } | ||
|
|
||
| return timeSlotsContain(timeSlots, firstDate) | ||
| ? firstBlockedBetween(timeSlots, firstDate, endDate) | ||
| : firstDate; | ||
| }; | ||
|
|
||
| /** | ||
| * Find last blocked date between two dates. | ||
| * If none is found, undefined is returned. | ||
| * | ||
| * @param {Array} timeSlots propTypes.timeSlot objects | ||
| * @param {Moment} startDate start date, exclusive | ||
| * @param {Moment} endDate end date, exclusive | ||
| */ | ||
| const lastBlockedBetween = (timeSlots, startDate, endDate) => { | ||
| const previousDate = moment(endDate).subtract(1, 'days'); | ||
| if (previousDate.isSame(startDate, 'date')) { | ||
| return undefined; | ||
| } | ||
|
|
||
| return timeSlotsContain(timeSlots, previousDate) | ||
| ? lastBlockedBetween(timeSlots, startDate, previousDate) | ||
| : previousDate; | ||
| }; | ||
|
|
||
| /** | ||
| * Check if a blocked date can be found between two dates. | ||
| * | ||
| * @param {Array} timeSlots propTypes.timeSlot objects | ||
| * @param {Moment} startDate start date, exclusive | ||
| * @param {Moment} endDate end date, exclusive | ||
| */ | ||
| export const isBlockedBetween = (timeSlots, startDate, endDate) => | ||
| !!firstBlockedBetween(timeSlots, startDate, endDate); | ||
|
|
||
| export const isStartDateSelected = (timeSlots, startDate, endDate, focusedInput) => | ||
| timeSlots && startDate && (!endDate || focusedInput === END_DATE) && focusedInput !== START_DATE; | ||
|
|
||
| export const apiEndDateToPickerDate = (unitType, endDate) => { | ||
| const isValid = endDate instanceof Date; | ||
| const isDaily = unitType === LINE_ITEM_DAY; | ||
|
|
||
| if (!isValid) { | ||
| return null; | ||
| } else if (isDaily) { | ||
| // API end dates are exlusive, so we need to shift them with daily | ||
| // booking. | ||
| return moment(endDate).subtract(1, 'days'); | ||
| } else { | ||
| return moment(endDate); | ||
| } | ||
| }; | ||
|
|
||
| export const pickerEndDateToApiDate = (unitType, endDate) => { | ||
| const isValid = endDate instanceof moment; | ||
| const isDaily = unitType === LINE_ITEM_DAY; | ||
|
|
||
| if (!isValid) { | ||
| return null; | ||
| } else if (isDaily) { | ||
| // API end dates are exlusive, so we need to shift them with daily | ||
| // booking. | ||
| return endDate.add(1, 'days').toDate(); | ||
| } else { | ||
| return endDate.toDate(); | ||
| } | ||
| }; | ||
| /** | ||
| * Returns an isDayBlocked function that can be passed to | ||
| * a react-dates DateRangePicker component. | ||
| */ | ||
| export const isDayBlockedFn = (timeSlots, startDate, endDate, focusedInput) => { | ||
| const endOfRange = config.dayCountAvailableForBooking - 1; | ||
| const lastBookableDate = moment().add(endOfRange, 'days'); | ||
|
|
||
| // start date selected, end date missing | ||
| const startDateSelected = isStartDateSelected(timeSlots, startDate, endDate, focusedInput); | ||
|
|
||
| const nextBookingStarts = startDateSelected | ||
| ? firstBlockedBetween(timeSlots, startDate, moment(lastBookableDate).add(1, 'days')) | ||
| : null; | ||
|
|
||
| return nextBookingStarts || !timeSlots | ||
| ? () => false | ||
| : day => !timeSlots.find(timeSlot => timeSlotEqualsDay(timeSlot, day)); | ||
| }; | ||
|
|
||
| /** | ||
| * Returns an isOutsideRange function that can be passed to | ||
| * a react-dates DateRangePicker component. | ||
| */ | ||
| export const isOutsideRangeFn = ( | ||
| timeSlots, | ||
| startDate, | ||
| endDate, | ||
| previousStartDate, | ||
| focusedInput, | ||
| unitType | ||
| ) => { | ||
| const endOfRange = config.dayCountAvailableForBooking - 1; | ||
| const lastBookableDate = moment().add(endOfRange, 'days'); | ||
|
|
||
| // start date selected, end date missing | ||
| const startDateSelected = isStartDateSelected(timeSlots, startDate, endDate, focusedInput); | ||
| const nextBookingStarts = startDateSelected | ||
| ? firstBlockedBetween(timeSlots, startDate, moment(lastBookableDate).add(1, 'days')) | ||
| : null; | ||
|
|
||
| if (nextBookingStarts) { | ||
| // end the range so that the booking can end at latest on | ||
| // nightly booking: the day the next booking starts | ||
| // daily booking: the day before the next booking starts | ||
| return day => { | ||
| const lastDayToEndBooking = apiEndDateToPickerDate(unitType, nextBookingStarts.toDate()); | ||
|
|
||
| return ( | ||
| !isInclusivelyAfterDay(day, startDate) || !isInclusivelyBeforeDay(day, lastDayToEndBooking) | ||
| ); | ||
| }; | ||
| } | ||
|
|
||
| // end date selected, start date missing | ||
| // -> limit the earliest start date for the booking so that it | ||
| // needs to be after the previous booked date | ||
| const endDateSelected = timeSlots && endDate && !startDate && focusedInput !== END_DATE; | ||
| const previousBookedDate = endDateSelected | ||
| ? lastBlockedBetween(timeSlots, moment(), endDate) | ||
| : null; | ||
|
|
||
| if (previousBookedDate) { | ||
| return day => { | ||
| const firstDayToStartBooking = moment(previousBookedDate).add(1, 'days'); | ||
| return ( | ||
| !isInclusivelyAfterDay(day, firstDayToStartBooking) || | ||
| !isInclusivelyBeforeDay(day, lastBookableDate) | ||
| ); | ||
| }; | ||
| } | ||
|
|
||
| // standard isOutsideRange function | ||
| return day => { | ||
| return ( | ||
| !isInclusivelyAfterDay(day, moment()) || | ||
| !isInclusivelyBeforeDay(day, moment().add(endOfRange, 'days')) | ||
| ); | ||
| }; | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.