From b1d9b0c7fa0c3e775f5c336bedcb9b3d0e0f03e3 Mon Sep 17 00:00:00 2001 From: Miha Sedej Date: Mon, 6 Jan 2020 20:52:58 +0100 Subject: [PATCH] fix(initialVisibleMonth): fix InitialVisibleMonth affects: @datepicker-react/hooks, @datepicker-react/styled ISSUES CLOSED: #48 --- README.md | 6 +- packages/hooks/README.md | 4 + packages/hooks/lib/index.cjs.js | 155 +- packages/hooks/lib/index.esm.js | 149 +- .../lib/useDatepicker/useDatepicker.d.ts | 6 +- .../hooks/src/useDatepicker/useDatepicker.ts | 8 +- packages/styled/README.md | 6 +- .../DateRangeInput/DateRangeInput.d.ts | 2 + .../DateSingleInput/DateSingleInput.d.ts | 5 +- .../lib/components/Datepicker/Datepicker.d.ts | 1 + packages/styled/lib/index.cjs.js | 2055 +++++++++-------- packages/styled/lib/index.esm.js | 907 ++++---- .../DateRangeInput/DateRangeInput.stories.tsx | 17 +- .../DateRangeInput/DateRangeInput.tsx | 3 + .../DateSingleInput.stories.tsx | 15 +- .../DateSingleInput/DateSingleInput.tsx | 5 +- .../Datepicker/Datepicker.stories.tsx | 17 +- .../src/components/Datepicker/Datepicker.tsx | 3 + 18 files changed, 1720 insertions(+), 1644 deletions(-) diff --git a/README.md b/README.md index 2fd6311..59b1351 100644 --- a/README.md +++ b/README.md @@ -114,7 +114,7 @@ numberOfMonths?: number // Default: 2 minBookingDays?: number // Default: 1 exactMinBookingDays?: boolean // Default: false firstDayOfWeek?: FirstDayOfWeek // Default: 1 -initialVisibleMonth?(numberOfMonths: number): MonthType[] +initialVisibleMonth?: Date isDateBlocked?(date: Date): boolean dayLabelFormat?(date: Date): string weekdayLabelFormat?(date: Date): string @@ -183,7 +183,7 @@ numberOfMonths?: number // Default: 2 minBookingDays?: number // Default: 1 exactMinBookingDays?: boolean // Default: false firstDayOfWeek?: FirstDayOfWeek // Default: 0 -initialVisibleMonth?(numberOfMonths: number): MonthType[] +initialVisibleMonth?: Date isDateBlocked?(date: Date): boolean dayLabelFormat?(date: Date): string weekdayLabelFormat?(date: Date): string @@ -252,7 +252,7 @@ showResetDate?: boolean showClose?: boolean rtl?: boolean placement?: 'top' | 'bottom' -initialVisibleMonth?(numberOfMonths: number): MonthType[] +initialVisibleMonth?: Date unavailableDates?: Date[] // Default: [] isDateBlocked?(date: Date): boolean onClose?(): void diff --git a/packages/hooks/README.md b/packages/hooks/README.md index 8e323d4..d5927ef 100644 --- a/packages/hooks/README.md +++ b/packages/hooks/README.md @@ -74,6 +74,10 @@ If `exactMinBookingDays` is `true`, then the range of dates is always the same a First day of the week. +#### `initialVisibleMonth? Date` + +Initial visible month + #### `isDateBlocked: (date: Date) => boolean` If `isDateBlocked` returns `true`, then the date is blocked. diff --git a/packages/hooks/lib/index.cjs.js b/packages/hooks/lib/index.cjs.js index 9e91950..f932d18 100644 --- a/packages/hooks/lib/index.cjs.js +++ b/packages/hooks/lib/index.cjs.js @@ -2608,164 +2608,165 @@ function useDatepicker(e) { a = e.minBookingDate, i = e.maxBookingDate, o = e.onDatesChange, - s = e.exactMinBookingDays, - u = void 0 !== s && s, - d = e.minBookingDays, - c = void 0 === d ? 1 : d, - l = e.numberOfMonths, - f = void 0 === l ? 2 : l, - g = e.firstDayOfWeek, - h = void 0 === g ? 1 : g, - m = e.isDateBlocked, - w = - void 0 === m + s = e.initialVisibleMonth, + u = e.exactMinBookingDays, + d = void 0 !== u && u, + c = e.minBookingDays, + l = void 0 === c ? 1 : c, + f = e.numberOfMonths, + g = void 0 === f ? 2 : f, + h = e.firstDayOfWeek, + m = void 0 === h ? 1 : h, + w = e.isDateBlocked, + y = + void 0 === w ? function() { return !1 } - : m, - y = e.unavailableDates, - D = void 0 === y ? [] : y, - p = react.useState(function() { - return getInitialMonths(f, t) + : w, + D = e.unavailableDates, + p = void 0 === D ? [] : D, + T = react.useState(function() { + return getInitialMonths(g, t || s || null) }), - T = p[0], - b = p[1], - v = react.useState(null), - k = v[0], - M = v[1], - C = react.useState(t), - x = C[0], - E = C[1] + b = T[0], + v = T[1], + k = react.useState(null), + M = k[0], + C = k[1], + x = react.useState(t), + E = x[0], + S = x[1] react.useEffect(function() { return ( - 'undefined' != typeof window && window.addEventListener('keydown', N), + 'undefined' != typeof window && window.addEventListener('keydown', I), function() { - window.removeEventListener('keydown', N) + window.removeEventListener('keydown', I) } ) }) - var S = function(e) { - return isInUnavailableDates(D, e) || w(e) - }, - P = function(e) { - E(e), (!x || (x && !isSameDay(e, x))) && b(getInitialMonths(f, e)) + var P = function(e) { + return isInUnavailableDates(p, e) || y(e) }, O = function(e) { + S(e), (!E || (E && !isSameDay(e, E))) && v(getInitialMonths(g, e)) + }, + N = function(e) { return isDateBlocked({ date: e, minBookingDate: a, maxBookingDate: i, startDate: t, endDate: r, - minBookingDays: c, - isDateBlockedFn: S, + minBookingDays: l, + isDateBlockedFn: P, }) } - function N(e) { + function I(e) { if ( ('ArrowRight' === e.key || 'ArrowLeft' === e.key || 'ArrowDown' === e.key || 'ArrowUp' === e.key) && - !x + !E ) { - var t = T[0] - P(t.date), b(getInitialMonths(f, t.date)) + var t = b[0] + O(t.date), v(getInitialMonths(g, t.date)) } } return { - firstDayOfWeek: h, - activeMonths: T, + firstDayOfWeek: m, + activeMonths: b, isDateSelected: function(e) { return isDateSelected(e, t, r) }, isDateHovered: function(e) { return isDateHovered({ date: e, - hoveredDate: k, + hoveredDate: M, startDate: t, endDate: r, - minBookingDays: c, - exactMinBookingDays: u, - isDateBlocked: S, + minBookingDays: l, + exactMinBookingDays: d, + isDateBlocked: P, }) }, isFirstOrLastSelectedDate: function(e) { return isFirstOrLastSelectedDate(e, t, r) }, - isDateBlocked: O, - numberOfMonths: f, + isDateBlocked: N, + numberOfMonths: g, isDateFocused: function(e) { - return !!x && isSameDay(e, x) + return !!E && isSameDay(e, E) }, - focusedDate: x, - hoveredDate: k, + focusedDate: E, + hoveredDate: M, onResetDates: function() { o({startDate: null, endDate: null, focusedInput: START_DATE}) }, onDateHover: function(e) { if (e) { if (e) { - var n = !O(e) || (t && isSameDay(e, t)), + var n = !N(e) || (t && isSameDay(e, t)), o = !a || !isBefore(e, addDays(a, -1)), s = !i || !isAfter(e, i), - d = addDays(e, c - 1), - l = !a || !isBefore(d, a), - f = !i || !isAfter(d, i), - g = u && c > 1 && o && s && l && f, - h = t && !r && !u && o && s, - m = !(c > 1 && t) || isWithinInterval(e, {start: t, end: addDays(t, c - 2)}), + u = addDays(e, l - 1), + c = !a || !isBefore(u, a), + f = !i || !isAfter(u, i), + g = d && l > 1 && o && s && c && f, + h = t && !r && !d && o && s, + m = !(l > 1 && t) || isWithinInterval(e, {start: t, end: addDays(t, l - 2)}), w = t && isSameDay(e, t) && m - n && (g || h || w) ? M(e) : null !== k && M(null) + n && (g || h || w) ? C(e) : null !== M && C(null) } - } else M(null) + } else C(null) }, onDateSelect: function(e) { ;(n === END_DATE || n === START_DATE) && - c > 0 && - u && + l > 0 && + d && canSelectRange({ - minBookingDays: c, - exactMinBookingDays: u, + minBookingDays: l, + exactMinBookingDays: d, minBookingDate: a, maxBookingDate: i, - isDateBlocked: S, + isDateBlocked: P, startDate: e, endDate: null, }) - ? o({startDate: e, endDate: addDays(e, c - 1), focusedInput: null}) + ? o({startDate: e, endDate: addDays(e, l - 1), focusedInput: null}) : ((n === END_DATE && t && isBefore(e, t)) || (n === START_DATE && r && isAfter(e, r))) && - !u && - canSelectRange({minBookingDays: c, isDateBlocked: S, startDate: e, endDate: null}) + !d && + canSelectRange({minBookingDays: l, isDateBlocked: P, startDate: e, endDate: null}) ? o({endDate: null, startDate: e, focusedInput: END_DATE}) : n === START_DATE && - !u && - canSelectRange({minBookingDays: c, isDateBlocked: S, endDate: r, startDate: e}) + !d && + canSelectRange({minBookingDays: l, isDateBlocked: P, endDate: r, startDate: e}) ? o({endDate: r, startDate: e, focusedInput: END_DATE}) : n === START_DATE && - !u && - canSelectRange({minBookingDays: c, isDateBlocked: S, endDate: null, startDate: e}) + !d && + canSelectRange({minBookingDays: l, isDateBlocked: P, endDate: null, startDate: e}) ? o({endDate: null, startDate: e, focusedInput: END_DATE}) : n === END_DATE && t && !isBefore(e, t) && - !u && - canSelectRange({minBookingDays: c, isDateBlocked: S, startDate: t, endDate: e}) && + !d && + canSelectRange({minBookingDays: l, isDateBlocked: P, startDate: t, endDate: e}) && o({startDate: t, endDate: e, focusedInput: null}), - n === END_DATE || (x && (!x || isSameDay(e, x))) || b(getInitialMonths(f, e)) + n === END_DATE || (E && (!E || isSameDay(e, E))) || v(getInitialMonths(g, e)) }, - onDateFocus: P, + onDateFocus: O, goToPreviousMonths: function() { - b(getNextActiveMonth(T, f, -1)), E(null) + v(getNextActiveMonth(b, g, -1)), S(null) }, goToNextMonths: function() { - b(getNextActiveMonth(T, f, 1)), E(null) + v(getNextActiveMonth(b, g, 1)), S(null) }, goToPreviousYear: function(e) { - void 0 === e && (e = 1), b(getNextActiveMonth(T, f, -(12 * e - f + 1))), E(null) + void 0 === e && (e = 1), v(getNextActiveMonth(b, g, -(12 * e - g + 1))), S(null) }, goToNextYear: function(e) { - void 0 === e && (e = 1), b(getNextActiveMonth(T, f, 12 * e - f + 1)), E(null) + void 0 === e && (e = 1), v(getNextActiveMonth(b, g, 12 * e - g + 1)), S(null) }, } } diff --git a/packages/hooks/lib/index.esm.js b/packages/hooks/lib/index.esm.js index 2d5e7db..c32891d 100644 --- a/packages/hooks/lib/index.esm.js +++ b/packages/hooks/lib/index.esm.js @@ -2515,74 +2515,75 @@ function le(t) { o = t.minBookingDate, u = t.maxBookingDate, s = t.onDatesChange, - c = t.exactMinBookingDays, - d = void 0 !== c && c, - l = t.minBookingDays, - f = void 0 === l ? 1 : l, - h = t.numberOfMonths, - g = void 0 === h ? 2 : h, - w = t.firstDayOfWeek, - m = void 0 === w ? 1 : w, - y = t.isDateBlocked, - v = - void 0 === y + c = t.initialVisibleMonth, + d = t.exactMinBookingDays, + l = void 0 !== d && d, + f = t.minBookingDays, + h = void 0 === f ? 1 : f, + g = t.numberOfMonths, + w = void 0 === g ? 2 : g, + m = t.firstDayOfWeek, + y = void 0 === m ? 1 : m, + v = t.isDateBlocked, + b = + void 0 === v ? function() { return !1 } - : y, - b = t.unavailableDates, - p = void 0 === b ? [] : b, - T = e(function() { - return ie(g, r) + : v, + p = t.unavailableDates, + T = void 0 === p ? [] : p, + D = e(function() { + return ie(w, r || c || null) }), - D = T[0], - k = T[1], - x = e(null), - C = x[0], - M = x[1], - U = e(r), - E = U[0], - q = U[1] + k = D[0], + x = D[1], + C = e(null), + M = C[0], + U = C[1], + E = e(r), + q = E[0], + S = E[1] n(function() { return ( - 'undefined' != typeof window && window.addEventListener('keydown', H), + 'undefined' != typeof window && window.addEventListener('keydown', O), function() { - window.removeEventListener('keydown', H) + window.removeEventListener('keydown', O) } ) }) - var S = function(t) { - return Vt(p, t) || v(t) - }, - Y = function(t) { - q(t), (!E || (E && !_t(t, E))) && k(ie(g, t)) + var Y = function(t) { + return Vt(T, t) || b(t) }, P = function(t) { + S(t), (!q || (q && !_t(t, q))) && x(ie(w, t)) + }, + H = function(t) { return ne({ date: t, minBookingDate: o, maxBookingDate: u, startDate: r, endDate: a, - minBookingDays: f, - isDateBlockedFn: S, + minBookingDays: h, + isDateBlockedFn: Y, }) } - function H(t) { + function O(t) { if ( ('ArrowRight' === t.key || 'ArrowLeft' === t.key || 'ArrowDown' === t.key || 'ArrowUp' === t.key) && - !E + !q ) { - var e = D[0] - Y(e.date), k(ie(g, e.date)) + var e = k[0] + P(e.date), x(ie(w, e.date)) } } return { - firstDayOfWeek: m, - activeMonths: D, + firstDayOfWeek: y, + activeMonths: k, isDateSelected: function(t) { return te(t, r, a) }, @@ -2615,86 +2616,86 @@ function le(t) { ) })({ date: t, - hoveredDate: C, + hoveredDate: M, startDate: r, endDate: a, - minBookingDays: f, - exactMinBookingDays: d, - isDateBlocked: S, + minBookingDays: h, + exactMinBookingDays: l, + isDateBlocked: Y, }) }, isFirstOrLastSelectedDate: function(t) { return ee(t, r, a) }, - isDateBlocked: P, - numberOfMonths: g, + isDateBlocked: H, + numberOfMonths: w, isDateFocused: function(t) { - return !!E && _t(t, E) + return !!q && _t(t, q) }, - focusedDate: E, - hoveredDate: C, + focusedDate: q, + hoveredDate: M, onResetDates: function() { s({startDate: null, endDate: null, focusedInput: ce}) }, onDateHover: function(t) { if (t) { if (t) { - var e = !P(t) || (r && _t(t, r)), + var e = !H(t) || (r && _t(t, r)), n = !o || !jt(t, Nt(o, -1)), i = !u || !Kt(t, u), - s = Nt(t, f - 1), + s = Nt(t, h - 1), c = !o || !jt(s, o), - l = !u || !Kt(s, u), - h = d && f > 1 && n && i && c && l, - g = r && !a && !d && n && i, - w = !(f > 1 && r) || Jt(t, {start: r, end: Nt(r, f - 2)}), + d = !u || !Kt(s, u), + f = l && h > 1 && n && i && c && d, + g = r && !a && !l && n && i, + w = !(h > 1 && r) || Jt(t, {start: r, end: Nt(r, h - 2)}), m = r && _t(t, r) && w - e && (h || g || m) ? M(t) : null !== C && M(null) + e && (f || g || m) ? U(t) : null !== M && U(null) } - } else M(null) + } else U(null) }, onDateSelect: function(t) { ;(i === de || i === ce) && - f > 0 && - d && + h > 0 && + l && se({ - minBookingDays: f, - exactMinBookingDays: d, + minBookingDays: h, + exactMinBookingDays: l, minBookingDate: o, maxBookingDate: u, - isDateBlocked: S, + isDateBlocked: Y, startDate: t, endDate: null, }) - ? s({startDate: t, endDate: Nt(t, f - 1), focusedInput: null}) + ? s({startDate: t, endDate: Nt(t, h - 1), focusedInput: null}) : ((i === de && r && jt(t, r)) || (i === ce && a && Kt(t, a))) && - !d && - se({minBookingDays: f, isDateBlocked: S, startDate: t, endDate: null}) + !l && + se({minBookingDays: h, isDateBlocked: Y, startDate: t, endDate: null}) ? s({endDate: null, startDate: t, focusedInput: de}) - : i === ce && !d && se({minBookingDays: f, isDateBlocked: S, endDate: a, startDate: t}) + : i === ce && !l && se({minBookingDays: h, isDateBlocked: Y, endDate: a, startDate: t}) ? s({endDate: a, startDate: t, focusedInput: de}) - : i === ce && !d && se({minBookingDays: f, isDateBlocked: S, endDate: null, startDate: t}) + : i === ce && !l && se({minBookingDays: h, isDateBlocked: Y, endDate: null, startDate: t}) ? s({endDate: null, startDate: t, focusedInput: de}) : i === de && r && !jt(t, r) && - !d && - se({minBookingDays: f, isDateBlocked: S, startDate: r, endDate: t}) && + !l && + se({minBookingDays: h, isDateBlocked: Y, startDate: r, endDate: t}) && s({startDate: r, endDate: t, focusedInput: null}), - i === de || (E && (!E || _t(t, E))) || k(ie(g, t)) + i === de || (q && (!q || _t(t, q))) || x(ie(w, t)) }, - onDateFocus: Y, + onDateFocus: P, goToPreviousMonths: function() { - k(oe(D, g, -1)), q(null) + x(oe(k, w, -1)), S(null) }, goToNextMonths: function() { - k(oe(D, g, 1)), q(null) + x(oe(k, w, 1)), S(null) }, goToPreviousYear: function(t) { - void 0 === t && (t = 1), k(oe(D, g, -(12 * t - g + 1))), q(null) + void 0 === t && (t = 1), x(oe(k, w, -(12 * t - w + 1))), S(null) }, goToNextYear: function(t) { - void 0 === t && (t = 1), k(oe(D, g, 12 * t - g + 1)), q(null) + void 0 === t && (t = 1), x(oe(k, w, 12 * t - w + 1)), S(null) }, } } diff --git a/packages/hooks/lib/useDatepicker/useDatepicker.d.ts b/packages/hooks/lib/useDatepicker/useDatepicker.d.ts index 0e414ac..f4689a8 100644 --- a/packages/hooks/lib/useDatepicker/useDatepicker.d.ts +++ b/packages/hooks/lib/useDatepicker/useDatepicker.d.ts @@ -1,4 +1,3 @@ -import {MonthType} from './useDatepicker.utils' export declare const START_DATE = 'startDate' export declare const END_DATE = 'endDate' export declare type FocusedInput = 'startDate' | 'endDate' | null @@ -19,7 +18,7 @@ export interface UseDatepickerProps { minBookingDays?: number exactMinBookingDays?: boolean firstDayOfWeek?: FirstDayOfWeek - initialVisibleMonth?(numberOfMonths: number): MonthType[] + initialVisibleMonth?: Date isDateBlocked?(date: Date): boolean unavailableDates?: Date[] } @@ -30,6 +29,7 @@ export declare function useDatepicker({ minBookingDate, maxBookingDate, onDatesChange, + initialVisibleMonth, exactMinBookingDays, minBookingDays, numberOfMonths, @@ -38,7 +38,7 @@ export declare function useDatepicker({ unavailableDates, }: UseDatepickerProps): { firstDayOfWeek: FirstDayOfWeek - activeMonths: MonthType[] + activeMonths: import('./useDatepicker.utils').MonthType[] isDateSelected: (date: Date) => boolean isDateHovered: (date: Date) => boolean isFirstOrLastSelectedDate: (date: Date) => boolean diff --git a/packages/hooks/src/useDatepicker/useDatepicker.ts b/packages/hooks/src/useDatepicker/useDatepicker.ts index b16d503..7b2c895 100644 --- a/packages/hooks/src/useDatepicker/useDatepicker.ts +++ b/packages/hooks/src/useDatepicker/useDatepicker.ts @@ -7,7 +7,6 @@ import isSameDay from 'date-fns/isSameDay' import isSameMonth from 'date-fns/isSameDay' import { getInitialMonths, - MonthType, getNextActiveMonth, isDateSelected as isDateSelectedFn, isDateBlocked as isDateBlockedFn, @@ -41,7 +40,7 @@ export interface UseDatepickerProps { minBookingDays?: number exactMinBookingDays?: boolean firstDayOfWeek?: FirstDayOfWeek - initialVisibleMonth?(numberOfMonths: number): MonthType[] + initialVisibleMonth?: Date isDateBlocked?(date: Date): boolean unavailableDates?: Date[] } @@ -53,6 +52,7 @@ export function useDatepicker({ minBookingDate, maxBookingDate, onDatesChange, + initialVisibleMonth, exactMinBookingDays = false, minBookingDays = 1, numberOfMonths = 2, @@ -61,7 +61,9 @@ export function useDatepicker({ unavailableDates = [], }: UseDatepickerProps) { const [activeMonths, setActiveMonths] = useState(() => - getInitialMonths(numberOfMonths, startDate), + startDate + ? getInitialMonths(numberOfMonths, startDate) + : getInitialMonths(numberOfMonths, initialVisibleMonth || null), ) const [hoveredDate, setHoveredDate] = useState(null) const [focusedDate, setFocusedDate] = useState(startDate) diff --git a/packages/styled/README.md b/packages/styled/README.md index e129a14..c0beb07 100644 --- a/packages/styled/README.md +++ b/packages/styled/README.md @@ -109,7 +109,7 @@ numberOfMonths?: number // Default: 2 minBookingDays?: number // Default: 1 exactMinBookingDays?: boolean // Default: false firstDayOfWeek?: FirstDayOfWeek // Default: 1 -initialVisibleMonth?(numberOfMonths: number): MonthType[] +initialVisibleMonth?: Date isDateBlocked?(date: Date): boolean dayLabelFormat?(date: Date): string weekdayLabelFormat?(date: Date): string @@ -178,7 +178,7 @@ numberOfMonths?: number // Default: 2 minBookingDays?: number // Default: 1 exactMinBookingDays?: boolean // Default: false firstDayOfWeek?: FirstDayOfWeek // Default: 0 -initialVisibleMonth?(numberOfMonths: number): MonthType[] +initialVisibleMonth?: Date isDateBlocked?(date: Date): boolean dayLabelFormat?(date: Date): string weekdayLabelFormat?(date: Date): string @@ -248,7 +248,7 @@ showClose?: boolean rtl?: boolean placement?: 'top' | 'bottom' unavailableDates?: Date[] // Default: [] -initialVisibleMonth?(numberOfMonths: number): MonthType[] +initialVisibleMonth?: Date isDateBlocked?(date: Date): boolean onClose?(): void dayLabelFormat?(date: Date): string diff --git a/packages/styled/lib/components/DateRangeInput/DateRangeInput.d.ts b/packages/styled/lib/components/DateRangeInput/DateRangeInput.d.ts index 7e9851c..76000fb 100644 --- a/packages/styled/lib/components/DateRangeInput/DateRangeInput.d.ts +++ b/packages/styled/lib/components/DateRangeInput/DateRangeInput.d.ts @@ -21,6 +21,7 @@ export interface DateRangeInputProps extends UseDatepickerProps { startDateInputId?: string endDateInputId?: string unavailableDates?: Date[] + initialVisibleMonth?: Date } declare function DateRangeInput({ startDate, @@ -37,6 +38,7 @@ declare function DateRangeInput({ weekdayLabelFormat, monthLabelFormat, onDayRender, + initialVisibleMonth, showClose, showSelectedDates, showResetDates, diff --git a/packages/styled/lib/components/DateSingleInput/DateSingleInput.d.ts b/packages/styled/lib/components/DateSingleInput/DateSingleInput.d.ts index a1566ba..b8bd91b 100644 --- a/packages/styled/lib/components/DateSingleInput/DateSingleInput.d.ts +++ b/packages/styled/lib/components/DateSingleInput/DateSingleInput.d.ts @@ -1,5 +1,5 @@ import React from 'react' -import {FormatFunction, FirstDayOfWeek, MonthType} from '@datepicker-react/hooks' +import {FormatFunction, FirstDayOfWeek} from '@datepicker-react/hooks' import {DateSingleInputPhrases} from '../../phrases' export interface OnDateChangeProps { date: Date | null @@ -20,9 +20,9 @@ export interface DateSingleInputProps { showClose?: boolean rtl?: boolean placement?: 'top' | 'bottom' + initialVisibleMonth?: Date onDateChange(data: OnDateChangeProps): void onFocusChange(focusInput: boolean): void - initialVisibleMonth?(numberOfMonths: number): MonthType[] isDateBlocked?(date: Date): boolean onClose?(): void dayLabelFormat?(date: Date): string @@ -44,6 +44,7 @@ declare function DateSingleInput({ weekdayLabelFormat, monthLabelFormat, onDayRender, + initialVisibleMonth, numberOfMonths, showClose, showResetDate, diff --git a/packages/styled/lib/components/Datepicker/Datepicker.d.ts b/packages/styled/lib/components/Datepicker/Datepicker.d.ts index 50a5778..4722d5d 100644 --- a/packages/styled/lib/components/Datepicker/Datepicker.d.ts +++ b/packages/styled/lib/components/Datepicker/Datepicker.d.ts @@ -10,6 +10,7 @@ export interface DatepickerProps extends UseDatepickerProps { showClose?: boolean vertical?: boolean rtl?: boolean + initialVisibleMonth?: Date dayLabelFormat?(date: Date): string weekdayLabelFormat?(date: Date): string monthLabelFormat?(date: Date): string diff --git a/packages/styled/lib/index.cjs.js b/packages/styled/lib/index.cjs.js index 62600e4..8cfb969 100644 --- a/packages/styled/lib/index.cjs.js +++ b/packages/styled/lib/index.cjs.js @@ -26,8 +26,8 @@ var React = require('react'), function i(e) { return function(t) { var r = t || {}, - a = r.width ? String(r.width) : e.defaultWidth - return e.formats[a] || e.formats[e.defaultWidth] + n = r.width ? String(r.width) : e.defaultWidth + return e.formats[n] || e.formats[e.defaultWidth] } } var o = { @@ -64,27 +64,27 @@ var o = { } function s(e) { return function(t, r) { - var a, - n = r || {} - if ('formatting' === (n.context ? String(n.context) : 'standalone') && e.formattingValues) { + var n, + a = r || {} + if ('formatting' === (a.context ? String(a.context) : 'standalone') && e.formattingValues) { var o = e.defaultFormattingWidth || e.defaultWidth, - i = n.width ? String(n.width) : o - a = e.formattingValues[i] || e.formattingValues[o] + i = a.width ? String(a.width) : o + n = e.formattingValues[i] || e.formattingValues[o] } else { var s = e.defaultWidth, - l = n.width ? String(n.width) : e.defaultWidth - a = e.values[l] || e.values[s] + l = a.width ? String(a.width) : e.defaultWidth + n = e.values[l] || e.values[s] } - return a[e.argumentCallback ? e.argumentCallback(t) : t] + return n[e.argumentCallback ? e.argumentCallback(t) : t] } } function c(e) { return function(t, r) { - var a = String(t), - n = r || {}, - o = n.width, + var n = String(t), + a = r || {}, + o = a.width, i = (o && e.matchPatterns[o]) || e.matchPatterns[e.defaultMatchWidth], - s = a.match(i) + s = n.match(i) if (!s) return null var l, c = s[0], @@ -95,15 +95,15 @@ function c(e) { ? (function(e, t) { for (var r = 0; r < e.length; r++) if (t(e[r])) return r })(d, function(e) { - return e.test(a) + return e.test(n) }) : (function(e, t) { for (var r in e) if (e.hasOwnProperty(r) && t(e[r])) return r })(d, function(e) { - return e.test(a) + return e.test(n) })), (l = e.valueCallback ? e.valueCallback(l) : l), - {value: (l = n.valueCallback ? n.valueCallback(l) : l), rest: a.slice(c.length)} + {value: (l = a.valueCallback ? a.valueCallback(l) : l), rest: n.slice(c.length)} ) } } @@ -120,15 +120,15 @@ var d, ) }, formatLong: o, - formatRelative: function(e, t, r, a) { + formatRelative: function(e, t, r, n) { return u[e] }, localize: { ordinalNumber: function(e, t) { var r = Number(e), - a = r % 100 - if (a > 20 || a < 10) - switch (a % 10) { + n = r % 100 + if (n > 20 || n < 10) + switch (n % 10) { case 1: return r + 'st' case 2: @@ -280,14 +280,14 @@ var d, }), function(e, t) { var r = String(e), - a = t || {}, - n = r.match(d.matchPattern) - if (!n) return null - var o = n[0], + n = t || {}, + a = r.match(d.matchPattern) + if (!a) return null + var o = a[0], i = r.match(d.parsePattern) if (!i) return null var s = d.valueCallback ? d.valueCallback(i[0]) : i[0] - return {value: (s = a.valueCallback ? a.valueCallback(s) : s), rest: r.slice(o.length)} + return {value: (s = n.valueCallback ? n.valueCallback(s) : s), rest: r.slice(o.length)} }), era: c({ matchPatterns: { @@ -416,8 +416,8 @@ function g(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = h(e).getTime(), - a = f(t) - return new Date(r + a) + n = f(t) + return new Date(r + n) })(e, -f(t)) } function w(e, t) { @@ -456,11 +456,11 @@ var v = { p: y, P: function(e, t) { var r, - a = e.match(/(P+)(p+)?/), - n = a[1], - o = a[2] + n = e.match(/(P+)(p+)?/), + a = n[1], + o = n[2] if (!o) return m(e, t) - switch (n) { + switch (a) { case 'P': r = t.dateTime({width: 'short'}) break @@ -474,7 +474,7 @@ var v = { default: r = t.dateTime({width: 'full'}) } - return r.replace('{{date}}', m(n, t)).replace('{{time}}', y(o, t)) + return r.replace('{{date}}', m(a, t)).replace('{{time}}', y(o, t)) }, }, b = 6e4 @@ -482,8 +482,8 @@ function p(e) { var t = new Date(e.getTime()), r = Math.ceil(t.getTimezoneOffset()) t.setSeconds(0, 0) - var a = t.getTime() % b - return r * b + a + var n = t.getTime() % b + return r * b + n } var T = ['D', 'DD'], D = ['YY', 'YYYY'] @@ -513,9 +513,9 @@ function M(e, t) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var r = t || {}, - a = r.locale, - n = a && a.options && a.options.weekStartsOn, - o = null == n ? 0 : f(n), + n = r.locale, + a = n && n.options && n.options.weekStartsOn, + o = null == a ? 0 : f(a), i = null == r.weekStartsOn ? o : f(r.weekStartsOn) if (!(i >= 0 && i <= 6)) throw new RangeError('weekStartsOn must be between 0 and 6 inclusively') var s = h(e), @@ -527,30 +527,30 @@ function U(e, t) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var r = h(e, t), - a = r.getUTCFullYear(), - n = t || {}, - o = n.locale, + n = r.getUTCFullYear(), + a = t || {}, + o = a.locale, i = o && o.options && o.options.firstWeekContainsDate, s = null == i ? 1 : f(i), - l = null == n.firstWeekContainsDate ? s : f(n.firstWeekContainsDate) + l = null == a.firstWeekContainsDate ? s : f(a.firstWeekContainsDate) if (!(l >= 1 && l <= 7)) throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively') var c = new Date(0) - c.setUTCFullYear(a + 1, 0, l), c.setUTCHours(0, 0, 0, 0) + c.setUTCFullYear(n + 1, 0, l), c.setUTCHours(0, 0, 0, 0) var d = M(c, t), u = new Date(0) - u.setUTCFullYear(a, 0, l), u.setUTCHours(0, 0, 0, 0) + u.setUTCFullYear(n, 0, l), u.setUTCHours(0, 0, 0, 0) var p = M(u, t) - return r.getTime() >= d.getTime() ? a + 1 : r.getTime() >= p.getTime() ? a : a - 1 + return r.getTime() >= d.getTime() ? n + 1 : r.getTime() >= p.getTime() ? n : n - 1 } function E(e, t, r) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') - var a = r || {}, - n = a.locale, - o = n && n.options && n.options.weekStartsOn, + var n = r || {}, + a = n.locale, + o = a && a.options && a.options.weekStartsOn, i = null == o ? 0 : f(o), - s = null == a.weekStartsOn ? i : f(a.weekStartsOn) + s = null == n.weekStartsOn ? i : f(n.weekStartsOn) if (!(s >= 0 && s <= 6)) throw new RangeError('weekStartsOn must be between 0 and 6 inclusively') var l = h(e), c = f(t), @@ -562,21 +562,21 @@ function q(e) { throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var t = h(e), r = t.getUTCDay(), - a = (r < 1 ? 7 : 0) + r - 1 - return t.setUTCDate(t.getUTCDate() - a), t.setUTCHours(0, 0, 0, 0), t + n = (r < 1 ? 7 : 0) + r - 1 + return t.setUTCDate(t.getUTCDate() - n), t.setUTCHours(0, 0, 0, 0), t } function S(e) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var t = h(e), r = t.getUTCFullYear(), - a = new Date(0) - a.setUTCFullYear(r + 1, 0, 4), a.setUTCHours(0, 0, 0, 0) - var n = q(a), + n = new Date(0) + n.setUTCFullYear(r + 1, 0, 4), n.setUTCHours(0, 0, 0, 0) + var a = q(n), o = new Date(0) o.setUTCFullYear(r, 0, 4), o.setUTCHours(0, 0, 0, 0) var i = q(o) - return t.getTime() >= n.getTime() ? r + 1 : t.getTime() >= i.getTime() ? r : r - 1 + return t.getTime() >= a.getTime() ? r + 1 : t.getTime() >= i.getTime() ? r : r - 1 } var Y = 6048e5 function P(e) { @@ -599,21 +599,21 @@ function O(e, t) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var r = h(e), - a = + n = M(r, t).getTime() - (function(e, t) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var r = t || {}, - a = r.locale, - n = a && a.options && a.options.firstWeekContainsDate, - o = null == n ? 1 : f(n), + n = r.locale, + a = n && n.options && n.options.firstWeekContainsDate, + o = null == a ? 1 : f(a), i = null == r.firstWeekContainsDate ? o : f(r.firstWeekContainsDate), s = U(e, t), l = new Date(0) return l.setUTCFullYear(s, 0, i), l.setUTCHours(0, 0, 0, 0), M(l, t) })(r, t).getTime() - return Math.round(a / H) + 1 + return Math.round(n / H) + 1 } var B = 36e5, N = 6e4, @@ -645,20 +645,20 @@ var B = 36e5, I = /^([+-])(\d{2}):(\d{2})|Z/, X = /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/ function G(e, t, r) { - var a = t.match(e) - if (!a) return null - var n = parseInt(a[0], 10) - return {value: r ? r(n) : n, rest: t.slice(a[0].length)} + var n = t.match(e) + if (!n) return null + var a = parseInt(n[0], 10) + return {value: r ? r(a) : a, rest: t.slice(n[0].length)} } function A(e, t) { var r = t.match(e) if (!r) return null if ('Z' === r[0]) return {value: 0, rest: t.slice(1)} - var a = '+' === r[1] ? 1 : -1, - n = r[2] ? parseInt(r[2], 10) : 0, + var n = '+' === r[1] ? 1 : -1, + a = r[2] ? parseInt(r[2], 10) : 0, o = r[3] ? parseInt(r[3], 10) : 0, i = r[5] ? parseInt(r[5], 10) : 0 - return {value: a * (n * B + o * N + i * L), rest: t.slice(r[0].length)} + return {value: n * (a * B + o * N + i * L), rest: t.slice(r[0].length)} } function z(e, t) { return G(W.anyDigitsSigned, e, t) @@ -710,14 +710,14 @@ function J(e) { } function Z(e, t) { var r, - a = t > 0, - n = a ? t : 1 - t - if (n <= 50) r = e || 100 + n = t > 0, + a = n ? t : 1 - t + if (a <= 50) r = e || 100 else { - var o = n + 50 + var o = a + 50 r = e + 100 * Math.floor(o / 100) - (e >= o % 100 ? 100 : 0) } - return a ? r : 1 - r + return n ? r : 1 - r } var _ = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], $ = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31] @@ -727,7 +727,7 @@ function V(e) { var tt = { G: { priority: 140, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'G': case 'GG': @@ -744,33 +744,33 @@ var tt = { ) } }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return (t.era = r), e.setUTCFullYear(r, 0, 1), e.setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: ['R', 'u', 't', 'T'], }, y: { priority: 130, - parse: function(e, t, r, a) { - var n = function(e) { + parse: function(e, t, r, n) { + var a = function(e) { return {year: e, isTwoDigitYear: 'yy' === t} } switch (t) { case 'y': - return j(4, e, n) + return j(4, e, a) case 'yo': - return r.ordinalNumber(e, {unit: 'year', valueCallback: n}) + return r.ordinalNumber(e, {unit: 'year', valueCallback: a}) default: - return j(t.length, e, n) + return j(t.length, e, a) } }, validate: function(e, t, r) { return t.isTwoDigitYear || t.year > 0 }, - set: function(e, t, r, a) { - var n = e.getUTCFullYear() + set: function(e, t, r, n) { + var a = e.getUTCFullYear() if (r.isTwoDigitYear) { - var o = Z(r.year, n) + var o = Z(r.year, a) return e.setUTCFullYear(o, 0, 1), e.setUTCHours(0, 0, 0, 0), e } var i = 'era' in t && 1 !== t.era ? 1 - r.year : r.year @@ -780,41 +780,41 @@ var tt = { }, Y: { priority: 130, - parse: function(e, t, r, a) { - var n = function(e) { + parse: function(e, t, r, n) { + var a = function(e) { return {year: e, isTwoDigitYear: 'YY' === t} } switch (t) { case 'Y': - return j(4, e, n) + return j(4, e, a) case 'Yo': - return r.ordinalNumber(e, {unit: 'year', valueCallback: n}) + return r.ordinalNumber(e, {unit: 'year', valueCallback: a}) default: - return j(t.length, e, n) + return j(t.length, e, a) } }, validate: function(e, t, r) { return t.isTwoDigitYear || t.year > 0 }, - set: function(e, t, r, a) { - var n = U(e, a) + set: function(e, t, r, n) { + var a = U(e, n) if (r.isTwoDigitYear) { - var o = Z(r.year, n) - return e.setUTCFullYear(o, 0, a.firstWeekContainsDate), e.setUTCHours(0, 0, 0, 0), M(e, a) + var o = Z(r.year, a) + return e.setUTCFullYear(o, 0, n.firstWeekContainsDate), e.setUTCHours(0, 0, 0, 0), M(e, n) } var i = 'era' in t && 1 !== t.era ? 1 - r.year : r.year - return e.setUTCFullYear(i, 0, a.firstWeekContainsDate), e.setUTCHours(0, 0, 0, 0), M(e, a) + return e.setUTCFullYear(i, 0, n.firstWeekContainsDate), e.setUTCHours(0, 0, 0, 0), M(e, n) }, incompatibleTokens: ['y', 'R', 'u', 'Q', 'q', 'M', 'L', 'I', 'd', 'D', 'i', 't', 'T'], }, R: { priority: 130, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { return K('R' === t ? 4 : t.length, e) }, - set: function(e, t, r, a) { - var n = new Date(0) - return n.setUTCFullYear(r, 0, 4), n.setUTCHours(0, 0, 0, 0), q(n) + set: function(e, t, r, n) { + var a = new Date(0) + return a.setUTCFullYear(r, 0, 4), a.setUTCHours(0, 0, 0, 0), q(a) }, incompatibleTokens: [ 'G', @@ -836,17 +836,17 @@ var tt = { }, u: { priority: 130, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { return K('u' === t ? 4 : t.length, e) }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCFullYear(r, 0, 1), e.setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: ['G', 'y', 'Y', 'R', 'w', 'I', 'i', 'e', 'c', 't', 'T'], }, Q: { priority: 120, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'Q': case 'QQ': @@ -872,14 +872,14 @@ var tt = { validate: function(e, t, r) { return t >= 1 && t <= 4 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCMonth(3 * (r - 1), 1), e.setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: ['Y', 'R', 'q', 'M', 'L', 'w', 'I', 'd', 'D', 'i', 'e', 'c', 't', 'T'], }, q: { priority: 120, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'q': case 'qq': @@ -905,24 +905,24 @@ var tt = { validate: function(e, t, r) { return t >= 1 && t <= 4 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCMonth(3 * (r - 1), 1), e.setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: ['Y', 'R', 'Q', 'M', 'L', 'w', 'I', 'd', 'D', 'i', 'e', 'c', 't', 'T'], }, M: { priority: 110, - parse: function(e, t, r, a) { - var n = function(e) { + parse: function(e, t, r, n) { + var a = function(e) { return e - 1 } switch (t) { case 'M': - return G(W.month, e, n) + return G(W.month, e, a) case 'MM': - return j(2, e, n) + return j(2, e, a) case 'Mo': - return r.ordinalNumber(e, {unit: 'month', valueCallback: n}) + return r.ordinalNumber(e, {unit: 'month', valueCallback: a}) case 'MMM': return ( r.month(e, {width: 'abbreviated', context: 'formatting'}) || @@ -942,24 +942,24 @@ var tt = { validate: function(e, t, r) { return t >= 0 && t <= 11 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCMonth(r, 1), e.setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: ['Y', 'R', 'q', 'Q', 'L', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T'], }, L: { priority: 110, - parse: function(e, t, r, a) { - var n = function(e) { + parse: function(e, t, r, n) { + var a = function(e) { return e - 1 } switch (t) { case 'L': - return G(W.month, e, n) + return G(W.month, e, a) case 'LL': - return j(2, e, n) + return j(2, e, a) case 'Lo': - return r.ordinalNumber(e, {unit: 'month', valueCallback: n}) + return r.ordinalNumber(e, {unit: 'month', valueCallback: a}) case 'LLL': return ( r.month(e, {width: 'abbreviated', context: 'standalone'}) || @@ -979,14 +979,14 @@ var tt = { validate: function(e, t, r) { return t >= 0 && t <= 11 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCMonth(r, 1), e.setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: ['Y', 'R', 'q', 'Q', 'M', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T'], }, w: { priority: 100, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'w': return G(W.week, e) @@ -999,24 +999,24 @@ var tt = { validate: function(e, t, r) { return t >= 1 && t <= 53 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return M( (function(e, t, r) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') - var a = h(e), - n = f(t), - o = O(a, r) - n - return a.setUTCDate(a.getUTCDate() - 7 * o), a - })(e, r, a), - a, + var n = h(e), + a = f(t), + o = O(n, r) - a + return n.setUTCDate(n.getUTCDate() - 7 * o), n + })(e, r, n), + n, ) }, incompatibleTokens: ['y', 'R', 'u', 'q', 'Q', 'M', 'L', 'I', 'd', 'D', 'i', 't', 'T'], }, I: { priority: 100, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'I': return G(W.week, e) @@ -1029,24 +1029,24 @@ var tt = { validate: function(e, t, r) { return t >= 1 && t <= 53 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return q( (function(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = h(e), - a = f(t), - n = P(r) - a - return r.setUTCDate(r.getUTCDate() - 7 * n), r - })(e, r, a), - a, + n = f(t), + a = P(r) - n + return r.setUTCDate(r.getUTCDate() - 7 * a), r + })(e, r, n), + n, ) }, incompatibleTokens: ['y', 'Y', 'u', 'q', 'Q', 'M', 'L', 'w', 'd', 'D', 'e', 'c', 't', 'T'], }, d: { priority: 90, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'd': return G(W.date, e) @@ -1057,18 +1057,18 @@ var tt = { } }, validate: function(e, t, r) { - var a = V(e.getUTCFullYear()), - n = e.getUTCMonth() - return a ? t >= 1 && t <= $[n] : t >= 1 && t <= _[n] + var n = V(e.getUTCFullYear()), + a = e.getUTCMonth() + return n ? t >= 1 && t <= $[a] : t >= 1 && t <= _[a] }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCDate(r), e.setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: ['Y', 'R', 'q', 'Q', 'w', 'I', 'D', 'i', 'e', 'c', 't', 'T'], }, D: { priority: 90, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'D': case 'DD': @@ -1082,7 +1082,7 @@ var tt = { validate: function(e, t, r) { return V(e.getUTCFullYear()) ? t >= 1 && t <= 366 : t >= 1 && t <= 365 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCMonth(0, r), e.setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: [ @@ -1105,7 +1105,7 @@ var tt = { }, E: { priority: 90, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'E': case 'EE': @@ -1135,24 +1135,24 @@ var tt = { validate: function(e, t, r) { return t >= 0 && t <= 6 }, - set: function(e, t, r, a) { - return (e = E(e, r, a)).setUTCHours(0, 0, 0, 0), e + set: function(e, t, r, n) { + return (e = E(e, r, n)).setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: ['D', 'i', 'e', 'c', 't', 'T'], }, e: { priority: 90, - parse: function(e, t, r, a) { - var n = function(e) { + parse: function(e, t, r, n) { + var a = function(e) { var t = 7 * Math.floor((e - 1) / 7) - return ((e + a.weekStartsOn + 6) % 7) + t + return ((e + n.weekStartsOn + 6) % 7) + t } switch (t) { case 'e': case 'ee': - return j(t.length, e, n) + return j(t.length, e, a) case 'eo': - return r.ordinalNumber(e, {unit: 'day', valueCallback: n}) + return r.ordinalNumber(e, {unit: 'day', valueCallback: a}) case 'eee': return ( r.day(e, {width: 'abbreviated', context: 'formatting'}) || @@ -1179,8 +1179,8 @@ var tt = { validate: function(e, t, r) { return t >= 0 && t <= 6 }, - set: function(e, t, r, a) { - return (e = E(e, r, a)).setUTCHours(0, 0, 0, 0), e + set: function(e, t, r, n) { + return (e = E(e, r, n)).setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: [ 'y', @@ -1202,17 +1202,17 @@ var tt = { }, c: { priority: 90, - parse: function(e, t, r, a) { - var n = function(e) { + parse: function(e, t, r, n) { + var a = function(e) { var t = 7 * Math.floor((e - 1) / 7) - return ((e + a.weekStartsOn + 6) % 7) + t + return ((e + n.weekStartsOn + 6) % 7) + t } switch (t) { case 'c': case 'cc': - return j(t.length, e, n) + return j(t.length, e, a) case 'co': - return r.ordinalNumber(e, {unit: 'day', valueCallback: n}) + return r.ordinalNumber(e, {unit: 'day', valueCallback: a}) case 'ccc': return ( r.day(e, {width: 'abbreviated', context: 'standalone'}) || @@ -1239,8 +1239,8 @@ var tt = { validate: function(e, t, r) { return t >= 0 && t <= 6 }, - set: function(e, t, r, a) { - return (e = E(e, r, a)).setUTCHours(0, 0, 0, 0), e + set: function(e, t, r, n) { + return (e = E(e, r, n)).setUTCHours(0, 0, 0, 0), e }, incompatibleTokens: [ 'y', @@ -1262,8 +1262,8 @@ var tt = { }, i: { priority: 90, - parse: function(e, t, r, a) { - var n = function(e) { + parse: function(e, t, r, n) { + var a = function(e) { return 0 === e ? 7 : e } switch (t) { @@ -1274,41 +1274,41 @@ var tt = { return r.ordinalNumber(e, {unit: 'day'}) case 'iii': return ( - r.day(e, {width: 'abbreviated', context: 'formatting', valueCallback: n}) || - r.day(e, {width: 'short', context: 'formatting', valueCallback: n}) || - r.day(e, {width: 'narrow', context: 'formatting', valueCallback: n}) + r.day(e, {width: 'abbreviated', context: 'formatting', valueCallback: a}) || + r.day(e, {width: 'short', context: 'formatting', valueCallback: a}) || + r.day(e, {width: 'narrow', context: 'formatting', valueCallback: a}) ) case 'iiiii': - return r.day(e, {width: 'narrow', context: 'formatting', valueCallback: n}) + return r.day(e, {width: 'narrow', context: 'formatting', valueCallback: a}) case 'iiiiii': return ( - r.day(e, {width: 'short', context: 'formatting', valueCallback: n}) || - r.day(e, {width: 'narrow', context: 'formatting', valueCallback: n}) + r.day(e, {width: 'short', context: 'formatting', valueCallback: a}) || + r.day(e, {width: 'narrow', context: 'formatting', valueCallback: a}) ) case 'iiii': default: return ( - r.day(e, {width: 'wide', context: 'formatting', valueCallback: n}) || - r.day(e, {width: 'abbreviated', context: 'formatting', valueCallback: n}) || - r.day(e, {width: 'short', context: 'formatting', valueCallback: n}) || - r.day(e, {width: 'narrow', context: 'formatting', valueCallback: n}) + r.day(e, {width: 'wide', context: 'formatting', valueCallback: a}) || + r.day(e, {width: 'abbreviated', context: 'formatting', valueCallback: a}) || + r.day(e, {width: 'short', context: 'formatting', valueCallback: a}) || + r.day(e, {width: 'narrow', context: 'formatting', valueCallback: a}) ) } }, validate: function(e, t, r) { return t >= 1 && t <= 7 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return ( (e = (function(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = f(t) r % 7 == 0 && (r -= 7) - var a = h(e), - n = (((r % 7) + 7) % 7 < 1 ? 7 : 0) + r - a.getUTCDay() - return a.setUTCDate(a.getUTCDate() + n), a - })(e, r, a)).setUTCHours(0, 0, 0, 0), + var n = h(e), + a = (((r % 7) + 7) % 7 < 1 ? 7 : 0) + r - n.getUTCDay() + return n.setUTCDate(n.getUTCDate() + a), n + })(e, r, n)).setUTCHours(0, 0, 0, 0), e ) }, @@ -1332,7 +1332,7 @@ var tt = { }, a: { priority: 80, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'a': case 'aa': @@ -1352,14 +1352,14 @@ var tt = { ) } }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCHours(J(r), 0, 0, 0), e }, incompatibleTokens: ['b', 'B', 'H', 'K', 'k', 't', 'T'], }, b: { priority: 80, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'b': case 'bb': @@ -1379,14 +1379,14 @@ var tt = { ) } }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCHours(J(r), 0, 0, 0), e }, incompatibleTokens: ['a', 'B', 'H', 'K', 'k', 't', 'T'], }, B: { priority: 80, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'B': case 'BB': @@ -1406,14 +1406,14 @@ var tt = { ) } }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCHours(J(r), 0, 0, 0), e }, incompatibleTokens: ['a', 'b', 't', 'T'], }, h: { priority: 70, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'h': return G(W.hour12h, e) @@ -1426,12 +1426,12 @@ var tt = { validate: function(e, t, r) { return t >= 1 && t <= 12 }, - set: function(e, t, r, a) { - var n = e.getUTCHours() >= 12 + set: function(e, t, r, n) { + var a = e.getUTCHours() >= 12 return ( - n && r < 12 + a && r < 12 ? e.setUTCHours(r + 12, 0, 0, 0) - : n || 12 !== r + : a || 12 !== r ? e.setUTCHours(r, 0, 0, 0) : e.setUTCHours(0, 0, 0, 0), e @@ -1441,7 +1441,7 @@ var tt = { }, H: { priority: 70, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'H': return G(W.hour23h, e) @@ -1454,14 +1454,14 @@ var tt = { validate: function(e, t, r) { return t >= 0 && t <= 23 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCHours(r, 0, 0, 0), e }, incompatibleTokens: ['a', 'b', 'h', 'K', 'k', 't', 'T'], }, K: { priority: 70, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'K': return G(W.hour11h, e) @@ -1474,7 +1474,7 @@ var tt = { validate: function(e, t, r) { return t >= 0 && t <= 11 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return ( e.getUTCHours() >= 12 && r < 12 ? e.setUTCHours(r + 12, 0, 0, 0) @@ -1486,7 +1486,7 @@ var tt = { }, k: { priority: 70, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'k': return G(W.hour24h, e) @@ -1499,15 +1499,15 @@ var tt = { validate: function(e, t, r) { return t >= 1 && t <= 24 }, - set: function(e, t, r, a) { - var n = r <= 24 ? r % 24 : r - return e.setUTCHours(n, 0, 0, 0), e + set: function(e, t, r, n) { + var a = r <= 24 ? r % 24 : r + return e.setUTCHours(a, 0, 0, 0), e }, incompatibleTokens: ['a', 'b', 'h', 'H', 'K', 't', 'T'], }, m: { priority: 60, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'm': return G(W.minute, e) @@ -1520,14 +1520,14 @@ var tt = { validate: function(e, t, r) { return t >= 0 && t <= 59 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCMinutes(r, 0, 0), e }, incompatibleTokens: ['t', 'T'], }, s: { priority: 50, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 's': return G(W.second, e) @@ -1540,26 +1540,26 @@ var tt = { validate: function(e, t, r) { return t >= 0 && t <= 59 }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCSeconds(r, 0), e }, incompatibleTokens: ['t', 'T'], }, S: { priority: 30, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { return j(t.length, e, function(e) { return Math.floor(e * Math.pow(10, 3 - t.length)) }) }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return e.setUTCMilliseconds(r), e }, incompatibleTokens: ['t', 'T'], }, X: { priority: 10, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'X': return A(F, e) @@ -1574,14 +1574,14 @@ var tt = { return A(I, e) } }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return t.timestampIsSet ? e : new Date(e.getTime() - r) }, incompatibleTokens: ['t', 'T', 'x'], }, x: { priority: 10, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { switch (t) { case 'x': return A(F, e) @@ -1596,27 +1596,27 @@ var tt = { return A(I, e) } }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return t.timestampIsSet ? e : new Date(e.getTime() - r) }, incompatibleTokens: ['t', 'T', 'X'], }, t: { priority: 40, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { return z(e) }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return [new Date(1e3 * r), {timestampIsSet: !0}] }, incompatibleTokens: '*', }, T: { priority: 20, - parse: function(e, t, r, a) { + parse: function(e, t, r, n) { return z(e) }, - set: function(e, t, r, a) { + set: function(e, t, r, n) { return [new Date(r), {timestampIsSet: !0}] }, incompatibleTokens: '*', @@ -1629,12 +1629,12 @@ var tt = { it = /''/g, ot = /\S/, ut = /[a-zA-Z]/ -function st(e, t, r, a) { +function st(e, t, r, n) { if (arguments.length < 3) throw new TypeError('3 arguments required, but only ' + arguments.length + ' present') - var n = String(e), + var a = String(e), o = String(t), - i = a || {}, + i = n || {}, s = i.locale || l if (!s.match) throw new RangeError('locale must contain match property') var c = s.options && s.options.firstWeekContainsDate, @@ -1646,7 +1646,7 @@ function st(e, t, r, a) { y = null == m ? 0 : f(m), b = null == i.weekStartsOn ? y : f(i.weekStartsOn) if (!(b >= 0 && b <= 6)) throw new RangeError('weekStartsOn must be between 0 and 6 inclusively') - if ('' === o) return '' === n ? h(r) : new Date(NaN) + if ('' === o) return '' === a ? h(r) : new Date(NaN) var D, T = {firstWeekContainsDate: u, weekStartsOn: b, locale: s}, _ = [{priority: et, set: ct, index: 0}], @@ -1685,7 +1685,7 @@ function st(e, t, r, a) { "The format string mustn't contain `".concat(O, '` and any other token at the same time'), ) R.push({token: B, fullToken: O}) - var E = W.parse(n, O, s.match, T) + var E = W.parse(a, O, s.match, T) if (!E) return new Date(NaN) _.push({ priority: W.priority, @@ -1694,7 +1694,7 @@ function st(e, t, r, a) { value: E.value, index: _.length, }), - (n = E.rest) + (a = E.rest) } else { if (B.match(ut)) throw new RangeError( @@ -1702,13 +1702,13 @@ function st(e, t, r, a) { ) if ( ("''" === O ? (O = "'") : "'" === B && (O = O.match(at)[1].replace(it, "'")), - 0 !== n.indexOf(O)) + 0 !== a.indexOf(O)) ) return new Date(NaN) - n = n.slice(O.length) + a = a.slice(O.length) } } - if (n.length > 0 && ot.test(n)) return new Date(NaN) + if (a.length > 0 && ot.test(a)) return new Date(NaN) var F = _.map(function(e) { return e.priority }) @@ -1748,13 +1748,13 @@ function ct(e, t) { ) } function dt(e, t) { - for (var r = e < 0 ? '-' : '', a = Math.abs(e).toString(); a.length < t; ) a = '0' + a - return r + a + for (var r = e < 0 ? '-' : '', n = Math.abs(e).toString(); n.length < t; ) n = '0' + n + return r + n } var lt = function(e, t) { var r = e.getUTCFullYear(), - a = r > 0 ? r : 1 - r - return dt('yy' === t ? a % 100 : a, t.length) + n = r > 0 ? r : 1 - r + return dt('yy' === t ? n % 100 : n, t.length) }, ft = function(e, t) { var r = e.getUTCMonth() @@ -1777,8 +1777,8 @@ var lt = function(e, t) { }, vt = function(e, t) { var r = t.length, - a = e.getUTCMilliseconds() - return dt(Math.floor(a * Math.pow(10, r - 3)), t.length) + n = e.getUTCMilliseconds() + return dt(Math.floor(n * Math.pow(10, r - 3)), t.length) }, bt = 864e5, pt = 'midnight', @@ -1789,30 +1789,30 @@ var lt = function(e, t) { Ct = 'night', Mt = { G: function(e, t, r) { - var a = e.getUTCFullYear() > 0 ? 1 : 0 + var n = e.getUTCFullYear() > 0 ? 1 : 0 switch (t) { case 'G': case 'GG': case 'GGG': - return r.era(a, {width: 'abbreviated'}) + return r.era(n, {width: 'abbreviated'}) case 'GGGGG': - return r.era(a, {width: 'narrow'}) + return r.era(n, {width: 'narrow'}) case 'GGGG': default: - return r.era(a, {width: 'wide'}) + return r.era(n, {width: 'wide'}) } }, y: function(e, t, r) { if ('yo' === t) { - var a = e.getUTCFullYear(), - n = a > 0 ? a : 1 - a - return r.ordinalNumber(n, {unit: 'year'}) + var n = e.getUTCFullYear(), + a = n > 0 ? n : 1 - n + return r.ordinalNumber(a, {unit: 'year'}) } return lt(e, t) }, - Y: function(e, t, r, a) { - var n = U(e, a), - o = n > 0 ? n : 1 - n + Y: function(e, t, r, n) { + var a = U(e, n), + o = a > 0 ? a : 1 - a return 'YY' === t ? dt(o % 100, 2) : 'Yo' === t @@ -1826,118 +1826,118 @@ var lt = function(e, t) { return dt(e.getUTCFullYear(), t.length) }, Q: function(e, t, r) { - var a = Math.ceil((e.getUTCMonth() + 1) / 3) + var n = Math.ceil((e.getUTCMonth() + 1) / 3) switch (t) { case 'Q': - return String(a) + return String(n) case 'QQ': - return dt(a, 2) + return dt(n, 2) case 'Qo': - return r.ordinalNumber(a, {unit: 'quarter'}) + return r.ordinalNumber(n, {unit: 'quarter'}) case 'QQQ': - return r.quarter(a, {width: 'abbreviated', context: 'formatting'}) + return r.quarter(n, {width: 'abbreviated', context: 'formatting'}) case 'QQQQQ': - return r.quarter(a, {width: 'narrow', context: 'formatting'}) + return r.quarter(n, {width: 'narrow', context: 'formatting'}) case 'QQQQ': default: - return r.quarter(a, {width: 'wide', context: 'formatting'}) + return r.quarter(n, {width: 'wide', context: 'formatting'}) } }, q: function(e, t, r) { - var a = Math.ceil((e.getUTCMonth() + 1) / 3) + var n = Math.ceil((e.getUTCMonth() + 1) / 3) switch (t) { case 'q': - return String(a) + return String(n) case 'qq': - return dt(a, 2) + return dt(n, 2) case 'qo': - return r.ordinalNumber(a, {unit: 'quarter'}) + return r.ordinalNumber(n, {unit: 'quarter'}) case 'qqq': - return r.quarter(a, {width: 'abbreviated', context: 'standalone'}) + return r.quarter(n, {width: 'abbreviated', context: 'standalone'}) case 'qqqqq': - return r.quarter(a, {width: 'narrow', context: 'standalone'}) + return r.quarter(n, {width: 'narrow', context: 'standalone'}) case 'qqqq': default: - return r.quarter(a, {width: 'wide', context: 'standalone'}) + return r.quarter(n, {width: 'wide', context: 'standalone'}) } }, M: function(e, t, r) { - var a = e.getUTCMonth() + var n = e.getUTCMonth() switch (t) { case 'M': case 'MM': return ft(e, t) case 'Mo': - return r.ordinalNumber(a + 1, {unit: 'month'}) + return r.ordinalNumber(n + 1, {unit: 'month'}) case 'MMM': - return r.month(a, {width: 'abbreviated', context: 'formatting'}) + return r.month(n, {width: 'abbreviated', context: 'formatting'}) case 'MMMMM': - return r.month(a, {width: 'narrow', context: 'formatting'}) + return r.month(n, {width: 'narrow', context: 'formatting'}) case 'MMMM': default: - return r.month(a, {width: 'wide', context: 'formatting'}) + return r.month(n, {width: 'wide', context: 'formatting'}) } }, L: function(e, t, r) { - var a = e.getUTCMonth() + var n = e.getUTCMonth() switch (t) { case 'L': - return String(a + 1) + return String(n + 1) case 'LL': - return dt(a + 1, 2) + return dt(n + 1, 2) case 'Lo': - return r.ordinalNumber(a + 1, {unit: 'month'}) + return r.ordinalNumber(n + 1, {unit: 'month'}) case 'LLL': - return r.month(a, {width: 'abbreviated', context: 'standalone'}) + return r.month(n, {width: 'abbreviated', context: 'standalone'}) case 'LLLLL': - return r.month(a, {width: 'narrow', context: 'standalone'}) + return r.month(n, {width: 'narrow', context: 'standalone'}) case 'LLLL': default: - return r.month(a, {width: 'wide', context: 'standalone'}) + return r.month(n, {width: 'wide', context: 'standalone'}) } }, - w: function(e, t, r, a) { - var n = O(e, a) - return 'wo' === t ? r.ordinalNumber(n, {unit: 'week'}) : dt(n, t.length) + w: function(e, t, r, n) { + var a = O(e, n) + return 'wo' === t ? r.ordinalNumber(a, {unit: 'week'}) : dt(a, t.length) }, I: function(e, t, r) { - var a = P(e) - return 'Io' === t ? r.ordinalNumber(a, {unit: 'week'}) : dt(a, t.length) + var n = P(e) + return 'Io' === t ? r.ordinalNumber(n, {unit: 'week'}) : dt(n, t.length) }, d: function(e, t, r) { return 'do' === t ? r.ordinalNumber(e.getUTCDate(), {unit: 'date'}) : ht(e, t) }, D: function(e, t, r) { - var a = (function(e) { + var n = (function(e) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var t = h(e), r = t.getTime() t.setUTCMonth(0, 1), t.setUTCHours(0, 0, 0, 0) - var a = r - t.getTime() - return Math.floor(a / bt) + 1 + var n = r - t.getTime() + return Math.floor(n / bt) + 1 })(e) - return 'Do' === t ? r.ordinalNumber(a, {unit: 'dayOfYear'}) : dt(a, t.length) + return 'Do' === t ? r.ordinalNumber(n, {unit: 'dayOfYear'}) : dt(n, t.length) }, E: function(e, t, r) { - var a = e.getUTCDay() + var n = e.getUTCDay() switch (t) { case 'E': case 'EE': case 'EEE': - return r.day(a, {width: 'abbreviated', context: 'formatting'}) + return r.day(n, {width: 'abbreviated', context: 'formatting'}) case 'EEEEE': - return r.day(a, {width: 'narrow', context: 'formatting'}) + return r.day(n, {width: 'narrow', context: 'formatting'}) case 'EEEEEE': - return r.day(a, {width: 'short', context: 'formatting'}) + return r.day(n, {width: 'short', context: 'formatting'}) case 'EEEE': default: - return r.day(a, {width: 'wide', context: 'formatting'}) + return r.day(n, {width: 'wide', context: 'formatting'}) } }, - e: function(e, t, r, a) { - var n = e.getUTCDay(), - o = (n - a.weekStartsOn + 8) % 7 || 7 + e: function(e, t, r, n) { + var a = e.getUTCDay(), + o = (a - n.weekStartsOn + 8) % 7 || 7 switch (t) { case 'e': return String(o) @@ -1946,19 +1946,19 @@ var lt = function(e, t) { case 'eo': return r.ordinalNumber(o, {unit: 'day'}) case 'eee': - return r.day(n, {width: 'abbreviated', context: 'formatting'}) + return r.day(a, {width: 'abbreviated', context: 'formatting'}) case 'eeeee': - return r.day(n, {width: 'narrow', context: 'formatting'}) + return r.day(a, {width: 'narrow', context: 'formatting'}) case 'eeeeee': - return r.day(n, {width: 'short', context: 'formatting'}) + return r.day(a, {width: 'short', context: 'formatting'}) case 'eeee': default: - return r.day(n, {width: 'wide', context: 'formatting'}) + return r.day(a, {width: 'wide', context: 'formatting'}) } }, - c: function(e, t, r, a) { - var n = e.getUTCDay(), - o = (n - a.weekStartsOn + 8) % 7 || 7 + c: function(e, t, r, n) { + var a = e.getUTCDay(), + o = (a - n.weekStartsOn + 8) % 7 || 7 switch (t) { case 'c': return String(o) @@ -1967,85 +1967,85 @@ var lt = function(e, t) { case 'co': return r.ordinalNumber(o, {unit: 'day'}) case 'ccc': - return r.day(n, {width: 'abbreviated', context: 'standalone'}) + return r.day(a, {width: 'abbreviated', context: 'standalone'}) case 'ccccc': - return r.day(n, {width: 'narrow', context: 'standalone'}) + return r.day(a, {width: 'narrow', context: 'standalone'}) case 'cccccc': - return r.day(n, {width: 'short', context: 'standalone'}) + return r.day(a, {width: 'short', context: 'standalone'}) case 'cccc': default: - return r.day(n, {width: 'wide', context: 'standalone'}) + return r.day(a, {width: 'wide', context: 'standalone'}) } }, i: function(e, t, r) { - var a = e.getUTCDay(), - n = 0 === a ? 7 : a + var n = e.getUTCDay(), + a = 0 === n ? 7 : n switch (t) { case 'i': - return String(n) + return String(a) case 'ii': - return dt(n, t.length) + return dt(a, t.length) case 'io': - return r.ordinalNumber(n, {unit: 'day'}) + return r.ordinalNumber(a, {unit: 'day'}) case 'iii': - return r.day(a, {width: 'abbreviated', context: 'formatting'}) + return r.day(n, {width: 'abbreviated', context: 'formatting'}) case 'iiiii': - return r.day(a, {width: 'narrow', context: 'formatting'}) + return r.day(n, {width: 'narrow', context: 'formatting'}) case 'iiiiii': - return r.day(a, {width: 'short', context: 'formatting'}) + return r.day(n, {width: 'short', context: 'formatting'}) case 'iiii': default: - return r.day(a, {width: 'wide', context: 'formatting'}) + return r.day(n, {width: 'wide', context: 'formatting'}) } }, a: function(e, t, r) { - var a = e.getUTCHours() / 12 >= 1 ? 'pm' : 'am' + var n = e.getUTCHours() / 12 >= 1 ? 'pm' : 'am' switch (t) { case 'a': case 'aa': case 'aaa': - return r.dayPeriod(a, {width: 'abbreviated', context: 'formatting'}) + return r.dayPeriod(n, {width: 'abbreviated', context: 'formatting'}) case 'aaaaa': - return r.dayPeriod(a, {width: 'narrow', context: 'formatting'}) + return r.dayPeriod(n, {width: 'narrow', context: 'formatting'}) case 'aaaa': default: - return r.dayPeriod(a, {width: 'wide', context: 'formatting'}) + return r.dayPeriod(n, {width: 'wide', context: 'formatting'}) } }, b: function(e, t, r) { - var a, - n = e.getUTCHours() - switch (((a = 12 === n ? Tt : 0 === n ? pt : n / 12 >= 1 ? 'pm' : 'am'), t)) { + var n, + a = e.getUTCHours() + switch (((n = 12 === a ? Tt : 0 === a ? pt : a / 12 >= 1 ? 'pm' : 'am'), t)) { case 'b': case 'bb': case 'bbb': - return r.dayPeriod(a, {width: 'abbreviated', context: 'formatting'}) + return r.dayPeriod(n, {width: 'abbreviated', context: 'formatting'}) case 'bbbbb': - return r.dayPeriod(a, {width: 'narrow', context: 'formatting'}) + return r.dayPeriod(n, {width: 'narrow', context: 'formatting'}) case 'bbbb': default: - return r.dayPeriod(a, {width: 'wide', context: 'formatting'}) + return r.dayPeriod(n, {width: 'wide', context: 'formatting'}) } }, B: function(e, t, r) { - var a, - n = e.getUTCHours() - switch (((a = n >= 17 ? xt : n >= 12 ? kt : n >= 4 ? Dt : Ct), t)) { + var n, + a = e.getUTCHours() + switch (((n = a >= 17 ? xt : a >= 12 ? kt : a >= 4 ? Dt : Ct), t)) { case 'B': case 'BB': case 'BBB': - return r.dayPeriod(a, {width: 'abbreviated', context: 'formatting'}) + return r.dayPeriod(n, {width: 'abbreviated', context: 'formatting'}) case 'BBBBB': - return r.dayPeriod(a, {width: 'narrow', context: 'formatting'}) + return r.dayPeriod(n, {width: 'narrow', context: 'formatting'}) case 'BBBB': default: - return r.dayPeriod(a, {width: 'wide', context: 'formatting'}) + return r.dayPeriod(n, {width: 'wide', context: 'formatting'}) } }, h: function(e, t, r) { if ('ho' === t) { - var a = e.getUTCHours() % 12 - return 0 === a && (a = 12), r.ordinalNumber(a, {unit: 'hour'}) + var n = e.getUTCHours() % 12 + return 0 === n && (n = 12), r.ordinalNumber(n, {unit: 'hour'}) } return gt(e, t) }, @@ -2053,12 +2053,12 @@ var lt = function(e, t) { return 'Ho' === t ? r.ordinalNumber(e.getUTCHours(), {unit: 'hour'}) : wt(e, t) }, K: function(e, t, r) { - var a = e.getUTCHours() % 12 - return 'Ko' === t ? r.ordinalNumber(a, {unit: 'hour'}) : dt(a, t.length) + var n = e.getUTCHours() % 12 + return 'Ko' === t ? r.ordinalNumber(n, {unit: 'hour'}) : dt(n, t.length) }, k: function(e, t, r) { - var a = e.getUTCHours() - return 0 === a && (a = 24), 'ko' === t ? r.ordinalNumber(a, {unit: 'hour'}) : dt(a, t.length) + var n = e.getUTCHours() + return 0 === n && (n = 24), 'ko' === t ? r.ordinalNumber(n, {unit: 'hour'}) : dt(n, t.length) }, m: function(e, t, r) { return 'mo' === t ? r.ordinalNumber(e.getUTCMinutes(), {unit: 'minute'}) : mt(e, t) @@ -2069,84 +2069,84 @@ var lt = function(e, t) { S: function(e, t) { return vt(e, t) }, - X: function(e, t, r, a) { - var n = (a._originalDate || e).getTimezoneOffset() - if (0 === n) return 'Z' + X: function(e, t, r, n) { + var a = (n._originalDate || e).getTimezoneOffset() + if (0 === a) return 'Z' switch (t) { case 'X': - return Et(n) + return Et(a) case 'XXXX': case 'XX': - return qt(n) + return qt(a) case 'XXXXX': case 'XXX': default: - return qt(n, ':') + return qt(a, ':') } }, - x: function(e, t, r, a) { - var n = (a._originalDate || e).getTimezoneOffset() + x: function(e, t, r, n) { + var a = (n._originalDate || e).getTimezoneOffset() switch (t) { case 'x': - return Et(n) + return Et(a) case 'xxxx': case 'xx': - return qt(n) + return qt(a) case 'xxxxx': case 'xxx': default: - return qt(n, ':') + return qt(a, ':') } }, - O: function(e, t, r, a) { - var n = (a._originalDate || e).getTimezoneOffset() + O: function(e, t, r, n) { + var a = (n._originalDate || e).getTimezoneOffset() switch (t) { case 'O': case 'OO': case 'OOO': - return 'GMT' + Ut(n, ':') + return 'GMT' + Ut(a, ':') case 'OOOO': default: - return 'GMT' + qt(n, ':') + return 'GMT' + qt(a, ':') } }, - z: function(e, t, r, a) { - var n = (a._originalDate || e).getTimezoneOffset() + z: function(e, t, r, n) { + var a = (n._originalDate || e).getTimezoneOffset() switch (t) { case 'z': case 'zz': case 'zzz': - return 'GMT' + Ut(n, ':') + return 'GMT' + Ut(a, ':') case 'zzzz': default: - return 'GMT' + qt(n, ':') + return 'GMT' + qt(a, ':') } }, - t: function(e, t, r, a) { - var n = a._originalDate || e - return dt(Math.floor(n.getTime() / 1e3), t.length) + t: function(e, t, r, n) { + var a = n._originalDate || e + return dt(Math.floor(a.getTime() / 1e3), t.length) }, - T: function(e, t, r, a) { - return dt((a._originalDate || e).getTime(), t.length) + T: function(e, t, r, n) { + return dt((n._originalDate || e).getTime(), t.length) }, } function Ut(e, t) { var r = e > 0 ? '-' : '+', - a = Math.abs(e), - n = Math.floor(a / 60), - o = a % 60 - if (0 === o) return r + String(n) + n = Math.abs(e), + a = Math.floor(n / 60), + o = n % 60 + if (0 === o) return r + String(a) var i = t || '' - return r + String(n) + i + dt(o, 2) + return r + String(a) + i + dt(o, 2) } function Et(e, t) { return e % 60 == 0 ? (e > 0 ? '-' : '+') + dt(Math.abs(e) / 60, 2) : qt(e, t) } function qt(e, t) { var r = t || '', - a = e > 0 ? '-' : '+', - n = Math.abs(e) - return a + dt(Math.floor(n / 60), 2) + r + dt(n % 60, 2) + n = e > 0 ? '-' : '+', + a = Math.abs(e) + return n + dt(Math.floor(a / 60), 2) + r + dt(a % 60, 2) } var St = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Yt = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, @@ -2156,17 +2156,17 @@ var St = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, function Bt(e, t, r) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') - var a = String(t), - n = r || {}, - o = n.locale || l, + var n = String(t), + a = r || {}, + o = a.locale || l, i = o.options && o.options.firstWeekContainsDate, s = null == i ? 1 : f(i), - c = null == n.firstWeekContainsDate ? s : f(n.firstWeekContainsDate) + c = null == a.firstWeekContainsDate ? s : f(a.firstWeekContainsDate) if (!(c >= 1 && c <= 7)) throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively') var d = o.options && o.options.weekStartsOn, u = null == d ? 0 : f(d), - m = null == n.weekStartsOn ? u : f(n.weekStartsOn) + m = null == a.weekStartsOn ? u : f(a.weekStartsOn) if (!(m >= 0 && m <= 6)) throw new RangeError('weekStartsOn must be between 0 and 6 inclusively') if (!o.localize) throw new RangeError('locale must contain localize property') if (!o.formatLong) throw new RangeError('locale must contain formatLong property') @@ -2182,7 +2182,7 @@ function Bt(e, t, r) { throw new RangeError('Invalid time value') var b = g(y, p(y)), w = {firstWeekContainsDate: c, weekStartsOn: m, locale: o, _originalDate: y} - return a + return n .match(Yt) .map(function(e) { var t = e[0] @@ -2197,8 +2197,8 @@ function Bt(e, t, r) { var r = Mt[t] if (r) return ( - !n.useAdditionalWeekYearTokens && x(e) && C(e), - !n.useAdditionalDayOfYearTokens && k(e) && C(e), + !a.useAdditionalWeekYearTokens && x(e) && C(e), + !a.useAdditionalDayOfYearTokens && k(e) && C(e), r(b, e, o.localize, w) ) if (t.match(Ot)) @@ -2213,31 +2213,31 @@ function Nt(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = h(e), - a = f(t) - return r.setDate(r.getDate() + a), r + n = f(t) + return r.setDate(r.getDate() + n), r } function Lt(e, t) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var r = e || {}, - a = h(r.start), - n = h(r.end).getTime() - if (!(a.getTime() <= n)) throw new RangeError('Invalid interval') + n = h(r.start), + a = h(r.end).getTime() + if (!(n.getTime() <= a)) throw new RangeError('Invalid interval') var o = [], - i = a + i = n i.setHours(0, 0, 0, 0) var s = t && 'step' in t ? Number(t.step) : 1 if (s < 1 || isNaN(s)) throw new RangeError('`options.step` must be a number greater than 1') - for (; i.getTime() <= n; ) o.push(h(i)), i.setDate(i.getDate() + s), i.setHours(0, 0, 0, 0) + for (; i.getTime() <= a; ) o.push(h(i)), i.setDate(i.getDate() + s), i.setHours(0, 0, 0, 0) return o } function Wt(e, t) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var r = t || {}, - a = r.locale, - n = a && a.options && a.options.weekStartsOn, - o = null == n ? 0 : f(n), + n = r.locale, + a = n && n.options && n.options.weekStartsOn, + o = null == a ? 0 : f(a), i = null == r.weekStartsOn ? o : f(r.weekStartsOn) if (!(i >= 0 && i <= 6)) throw new RangeError('weekStartsOn must be between 0 and 6 inclusively') var s = h(e), @@ -2255,9 +2255,9 @@ function Qt(e, t) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var r = t || {}, - a = r.locale, - n = a && a.options && a.options.weekStartsOn, - o = null == n ? 0 : f(n), + n = r.locale, + a = n && n.options && n.options.weekStartsOn, + o = null == a ? 0 : f(a), i = null == r.weekStartsOn ? o : f(r.weekStartsOn) if (!(i >= 0 && i <= 6)) throw new RangeError('weekStartsOn must be between 0 and 6 inclusively') var s = h(e), @@ -2268,24 +2268,24 @@ function Qt(e, t) { function Rt(e) { var t = void 0 === e ? {} : e, r = t.firstDayOfWeek, - a = void 0 === r ? 1 : r, - n = t.weekdayLabelFormat, + n = void 0 === r ? 1 : r, + a = t.weekdayLabelFormat, o = - void 0 === n + void 0 === a ? function(e) { return Bt(e, 'iiiiii') } - : n, + : a, i = new Date() - return Lt({start: Nt(Qt(i), a), end: Nt(Wt(i), a)}).reduce(function(e, t) { + return Lt({start: Nt(Qt(i), n), end: Nt(Wt(i), n)}).reduce(function(e, t) { return e.push(o(t)), e }, []) } function It(e) { var t = e.year, r = e.month, - a = e.firstDayOfWeek, - n = void 0 === a ? 1 : a, + n = e.firstDayOfWeek, + a = void 0 === n ? 1 : n, o = e.dayLabelFormat, i = void 0 === o @@ -2309,13 +2309,13 @@ function It(e) { })(s) return (function() { for (var e = 0, t = 0, r = arguments.length; t < r; t++) e += arguments[t].length - var a = Array(e), - n = 0 + var n = Array(e), + a = 0 for (t = 0; t < r; t++) - for (var o = arguments[t], i = 0, s = o.length; i < s; i++, n++) a[n] = o[i] - return a + for (var o = arguments[t], i = 0, s = o.length; i < s; i++, a++) n[a] = o[i] + return n })( - Array.from(Array(c >= n ? c - n : 6 - n + c + 1).keys()).fill(0), + Array.from(Array(c >= a ? c - a : 6 - a + c + 1).keys()).fill(0), Lt({start: l, end: d}).map(function(e) { return {date: e, dayLabel: i(e)} }), @@ -2333,8 +2333,8 @@ var Xt = function(e) { function zt(e) { var t = e.year, r = e.month, - a = e.firstDayOfWeek, - n = void 0 === a ? 1 : a, + n = e.firstDayOfWeek, + a = void 0 === n ? 1 : n, o = e.dayLabelFormat, i = void 0 === o ? Xt : o, s = e.weekdayLabelFormat, @@ -2344,15 +2344,15 @@ function zt(e) { return { days: React.useMemo( function() { - return It({year: t, month: r, firstDayOfWeek: n, dayLabelFormat: i}) + return It({year: t, month: r, firstDayOfWeek: a, dayLabelFormat: i}) }, - [t, r, n, i], + [t, r, a, i], ), weekdayLabels: React.useMemo( function() { - return Rt({firstDayOfWeek: n, weekdayLabelFormat: l}) + return Rt({firstDayOfWeek: a, weekdayLabelFormat: l}) }, - [n, l], + [a, l], ), monthLabel: d(new Date(t, r)), } @@ -2361,25 +2361,25 @@ function jt(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = h(e), - a = h(t) - return r.getTime() < a.getTime() + n = h(t) + return r.getTime() < n.getTime() } function Kt(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = h(e), - a = h(t) - return r.getTime() > a.getTime() + n = h(t) + return r.getTime() > n.getTime() } function Jt(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = t || {}, - a = h(e).getTime(), - n = h(r.start).getTime(), + n = h(e).getTime(), + a = h(r.start).getTime(), o = h(r.end).getTime() - if (!(n <= o)) throw new RangeError('Invalid interval') - return a >= n && a <= o + if (!(a <= o)) throw new RangeError('Invalid interval') + return n >= a && n <= o } function Zt(e) { if (arguments.length < 1) @@ -2391,27 +2391,27 @@ function _t(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = Zt(e), - a = Zt(t) - return r.getTime() === a.getTime() + n = Zt(t) + return r.getTime() === n.getTime() } function $t(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = h(e), - a = f(t), - n = r.getMonth() + a, + n = f(t), + a = r.getMonth() + n, o = new Date(0) - o.setFullYear(r.getFullYear(), n, 1), o.setHours(0, 0, 0, 0) + o.setFullYear(r.getFullYear(), a, 1), o.setHours(0, 0, 0, 0) var i = (function(e) { if (arguments.length < 1) throw new TypeError('1 argument required, but only ' + arguments.length + ' present') var t = h(e), r = t.getFullYear(), - a = t.getMonth(), - n = new Date(0) - return n.setFullYear(r, a + 1, 0), n.setHours(0, 0, 0, 0), n.getDate() + n = t.getMonth(), + a = new Date(0) + return a.setFullYear(r, n + 1, 0), a.setHours(0, 0, 0, 0), a.getDate() })(o) - return r.setMonth(n, Math.min(i, r.getDate())), r + return r.setMonth(a, Math.min(i, r.getDate())), r } var Vt = function(e, t) { return ( @@ -2430,8 +2430,8 @@ function ee(e, t, r) { function ne(e) { var t = e.date, r = e.minBookingDate, - a = e.maxBookingDate, - n = e.isDateBlockedFn, + n = e.maxBookingDate, + a = e.isDateBlockedFn, o = e.startDate, i = e.endDate, s = e.minBookingDays, @@ -2439,13 +2439,13 @@ function ne(e) { c = e.unavailableDates, d = void 0 === c ? [] : c, u = r ? new Date(r.getFullYear(), r.getMonth(), r.getDate(), 0, 0, 0) : r, - p = a ? new Date(a.getFullYear(), a.getMonth(), a.getDate(), 0, 0, 0) : a + p = n ? new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0) : n return !!( Vt(d, t) || (u && jt(t, u)) || (p && Kt(t, p)) || (o && !i && l > 1 && Jt(t, {start: o, end: Nt(o, l - 2)})) || - (n && n(t)) + (a && a(t)) ) } function re(e) { @@ -2469,22 +2469,22 @@ function ae() { } function ie(e, t) { var r = t ? re(t) : ae(), - a = r.date, - n = [r] + n = r.date, + a = [r] return ( e > 1 && - (n = Array.from(Array(e - 1).keys()).reduce(function(e) { - return (a = $t(e[e.length - 1].date, 1)), e.concat([re(a)]) - }, n)), - n + (a = Array.from(Array(e - 1).keys()).reduce(function(e) { + return (n = $t(e[e.length - 1].date, 1)), e.concat([re(n)]) + }, a)), + a ) } function oe(e, t, r) { - var a = e[r > 0 ? e.length - 1 : 0].date + var n = e[r > 0 ? e.length - 1 : 0].date return Array.from(Array(t).keys()).reduce(function(e) { return ( - (a = 0 === e.length ? $t(a, r) : $t(a, r >= 0 ? 1 : -1)), - r > 0 ? e.concat([re(a)]) : [re(a)].concat(e) + (n = 0 === e.length ? $t(n, r) : $t(n, r >= 0 ? 1 : -1)), + r > 0 ? e.concat([re(n)]) : [re(n)].concat(e) ) }, []) } @@ -2494,25 +2494,25 @@ function ue(e, t, r) { function se(e) { var t = e.startDate, r = e.endDate, - a = e.isDateBlocked, - n = e.minBookingDays, + n = e.isDateBlocked, + a = e.minBookingDays, o = e.exactMinBookingDays, i = e.minBookingDate, s = e.maxBookingDate, l = !i || !jt(t, Nt(i, -1)), - c = !s || !Kt(Nt(t, n - 1), s) + c = !s || !Kt(Nt(t, a - 1), s) return !( - (!t || 1 !== n || r || a(t)) && - ((t && n > 1 && !r && !o) || (t && n > 0 && o && l && c) || (t && n > 0 && o && !i && !s) - ? Lt({start: t, end: Nt(t, n - 1)}).some(function(e) { - return a(e) + (!t || 1 !== a || r || n(t)) && + ((t && a > 1 && !r && !o) || (t && a > 0 && o && l && c) || (t && a > 0 && o && !i && !s) + ? Lt({start: t, end: Nt(t, a - 1)}).some(function(e) { + return n(e) }) : !t || !r || o || - jt(r, Nt(t, n - 1)) || + jt(r, Nt(t, a - 1)) || Lt({start: t, end: r}).some(function(e) { - return a(e) + return n(e) })) ) } @@ -2521,78 +2521,79 @@ var ce = 'startDate', function le(e) { var t = e.startDate, r = e.endDate, - a = e.focusedInput, - n = e.minBookingDate, + n = e.focusedInput, + a = e.minBookingDate, o = e.maxBookingDate, i = e.onDatesChange, - s = e.exactMinBookingDays, - l = void 0 !== s && s, - c = e.minBookingDays, - d = void 0 === c ? 1 : c, - u = e.numberOfMonths, - p = void 0 === u ? 2 : u, - g = e.firstDayOfWeek, - f = void 0 === g ? 1 : g, - m = e.isDateBlocked, - h = - void 0 === m + s = e.initialVisibleMonth, + l = e.exactMinBookingDays, + c = void 0 !== l && l, + d = e.minBookingDays, + u = void 0 === d ? 1 : d, + p = e.numberOfMonths, + g = void 0 === p ? 2 : p, + f = e.firstDayOfWeek, + m = void 0 === f ? 1 : f, + h = e.isDateBlocked, + y = + void 0 === h ? function() { return !1 } - : m, - y = e.unavailableDates, - b = void 0 === y ? [] : y, - w = React.useState(function() { - return ie(p, t) + : h, + b = e.unavailableDates, + w = void 0 === b ? [] : b, + v = React.useState(function() { + return ie(g, t || s || null) }), - v = w[0], - D = w[1], - k = React.useState(null), - x = k[0], - T = k[1], - _ = React.useState(t), - C = _[0], - S = _[1] + D = v[0], + k = v[1], + x = React.useState(null), + T = x[0], + _ = x[1], + C = React.useState(t), + S = C[0], + R = C[1] React.useEffect(function() { return ( - 'undefined' != typeof window && window.addEventListener('keydown', W), + 'undefined' != typeof window && window.addEventListener('keydown', M), function() { - window.removeEventListener('keydown', W) + window.removeEventListener('keydown', M) } ) }) - var R = function(e) { - return Vt(b, e) || h(e) - }, - O = function(e) { - S(e), (!C || (C && !_t(e, C))) && D(ie(p, e)) + var O = function(e) { + return Vt(w, e) || y(e) }, B = function(e) { + R(e), (!S || (S && !_t(e, S))) && k(ie(g, e)) + }, + W = function(e) { return ne({ date: e, - minBookingDate: n, + minBookingDate: a, maxBookingDate: o, startDate: t, endDate: r, - minBookingDays: d, - isDateBlockedFn: R, + minBookingDays: u, + isDateBlockedFn: O, }) } - function W(e) { + function M(e) { if ( ('ArrowRight' === e.key || 'ArrowLeft' === e.key || 'ArrowDown' === e.key || 'ArrowUp' === e.key) && - !C + !S ) { - var t = v[0] - O(t.date), D(ie(p, t.date)) + var t = D[0] + B(t.date), k(ie(g, t.date)) } } return { - firstDayOfWeek: f, - activeMonths: v, + firstDayOfWeek: m, + activeMonths: D, isDateSelected: function(e) { return te(e, t, r) }, @@ -2600,118 +2601,118 @@ function le(e) { return (function(e) { var t = e.date, r = e.startDate, - a = e.endDate, - n = e.isDateBlocked, + n = e.endDate, + a = e.isDateBlocked, o = e.hoveredDate, i = e.minBookingDays return o && i > 1 && e.exactMinBookingDays && Jt(t, {start: o, end: Nt(o, i - 1)}) ? !Lt({start: o, end: Nt(o, i - 1)}).some(function(e) { - return n(e) + return a(e) }) - : r && !a && o && Jt(t, {start: r, end: Nt(r, i - 1)}) && _t(r, o) && i > 1 + : r && !n && o && Jt(t, {start: r, end: Nt(r, i - 1)}) && _t(r, o) && i > 1 ? !Lt({start: r, end: Nt(r, i - 1)}).some(function(e) { - return n(e) + return a(e) }) : !( !r || - a || + n || !o || jt(o, r) || !Jt(t, {start: r, end: o}) || Lt({start: r, end: o}).some(function(e) { - return n(e) + return a(e) }) ) })({ date: e, - hoveredDate: x, + hoveredDate: T, startDate: t, endDate: r, - minBookingDays: d, - exactMinBookingDays: l, - isDateBlocked: R, + minBookingDays: u, + exactMinBookingDays: c, + isDateBlocked: O, }) }, isFirstOrLastSelectedDate: function(e) { return ee(e, t, r) }, - isDateBlocked: B, - numberOfMonths: p, + isDateBlocked: W, + numberOfMonths: g, isDateFocused: function(e) { - return !!C && _t(e, C) + return !!S && _t(e, S) }, - focusedDate: C, - hoveredDate: x, + focusedDate: S, + hoveredDate: T, onResetDates: function() { i({startDate: null, endDate: null, focusedInput: ce}) }, onDateHover: function(e) { if (e) { if (e) { - var a = !B(e) || (t && _t(e, t)), - i = !n || !jt(e, Nt(n, -1)), + var n = !W(e) || (t && _t(e, t)), + i = !a || !jt(e, Nt(a, -1)), s = !o || !Kt(e, o), - c = Nt(e, d - 1), - u = !n || !jt(c, n), - p = !o || !Kt(c, o), - g = l && d > 1 && i && s && u && p, - f = t && !r && !l && i && s, - m = !(d > 1 && t) || Jt(e, {start: t, end: Nt(t, d - 2)}), + l = Nt(e, u - 1), + d = !a || !jt(l, a), + p = !o || !Kt(l, o), + g = c && u > 1 && i && s && d && p, + f = t && !r && !c && i && s, + m = !(u > 1 && t) || Jt(e, {start: t, end: Nt(t, u - 2)}), h = t && _t(e, t) && m - a && (g || f || h) ? T(e) : null !== x && T(null) + n && (g || f || h) ? _(e) : null !== T && _(null) } - } else T(null) + } else _(null) }, onDateSelect: function(e) { - ;(a === de || a === ce) && - d > 0 && - l && + ;(n === de || n === ce) && + u > 0 && + c && se({ - minBookingDays: d, - exactMinBookingDays: l, - minBookingDate: n, + minBookingDays: u, + exactMinBookingDays: c, + minBookingDate: a, maxBookingDate: o, - isDateBlocked: R, + isDateBlocked: O, startDate: e, endDate: null, }) - ? i({startDate: e, endDate: Nt(e, d - 1), focusedInput: null}) - : ((a === de && t && jt(e, t)) || (a === ce && r && Kt(e, r))) && - !l && - se({minBookingDays: d, isDateBlocked: R, startDate: e, endDate: null}) + ? i({startDate: e, endDate: Nt(e, u - 1), focusedInput: null}) + : ((n === de && t && jt(e, t)) || (n === ce && r && Kt(e, r))) && + !c && + se({minBookingDays: u, isDateBlocked: O, startDate: e, endDate: null}) ? i({endDate: null, startDate: e, focusedInput: de}) - : a === ce && !l && se({minBookingDays: d, isDateBlocked: R, endDate: r, startDate: e}) + : n === ce && !c && se({minBookingDays: u, isDateBlocked: O, endDate: r, startDate: e}) ? i({endDate: r, startDate: e, focusedInput: de}) - : a === ce && !l && se({minBookingDays: d, isDateBlocked: R, endDate: null, startDate: e}) + : n === ce && !c && se({minBookingDays: u, isDateBlocked: O, endDate: null, startDate: e}) ? i({endDate: null, startDate: e, focusedInput: de}) - : a === de && + : n === de && t && !jt(e, t) && - !l && - se({minBookingDays: d, isDateBlocked: R, startDate: t, endDate: e}) && + !c && + se({minBookingDays: u, isDateBlocked: O, startDate: t, endDate: e}) && i({startDate: t, endDate: e, focusedInput: null}), - a === de || (C && (!C || _t(e, C))) || D(ie(p, e)) + n === de || (S && (!S || _t(e, S))) || k(ie(g, e)) }, - onDateFocus: O, + onDateFocus: B, goToPreviousMonths: function() { - D(oe(v, p, -1)), S(null) + k(oe(D, g, -1)), R(null) }, goToNextMonths: function() { - D(oe(v, p, 1)), S(null) + k(oe(D, g, 1)), R(null) }, goToPreviousYear: function(e) { - void 0 === e && (e = 1), D(oe(v, p, -(12 * e - p + 1))), S(null) + void 0 === e && (e = 1), k(oe(D, g, -(12 * e - g + 1))), R(null) }, goToNextYear: function(e) { - void 0 === e && (e = 1), D(oe(v, p, 12 * e - p + 1)), S(null) + void 0 === e && (e = 1), k(oe(D, g, 12 * e - g + 1)), R(null) }, } } function fe(e) { var t = e.date, r = e.focusedDate, - a = e.isDateSelected, - n = e.isDateFocused, + n = e.isDateSelected, + a = e.isDateFocused, o = e.isFirstOrLastSelectedDate, i = e.isDateHovered, s = e.isDateBlocked, @@ -2733,14 +2734,14 @@ function fe(e) { ) React.useEffect( function() { - u && u.current && n(t) && u.current.focus() + u && u.current && a(t) && u.current.focus() }, - [u, t, n], + [u, t, a], ) var f = s(t) && !i(t) return { - tabIndex: null === r || n(t) ? 0 : -1, - isSelected: a(t), + tabIndex: null === r || a(t) ? 0 : -1, + isSelected: n(t), isSelectedStartOrEnd: o(t), isWithinHoverRange: i(t), disabledDate: f, @@ -2761,9 +2762,9 @@ var __assign = function() { return (__assign = Object.assign || function(e) { - for (var t, r = 1, a = arguments.length; r < a; r++) - for (var n in (t = arguments[r])) - Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]) + for (var t, r = 1, n = arguments.length; r < n; r++) + for (var a in (t = arguments[r])) + Object.prototype.hasOwnProperty.call(t, a) && (e[a] = t[a]) return e }).apply(this, arguments) } @@ -2792,12 +2793,12 @@ function shouldUseNative() { .join('') ) return !1 - var a = {} + var n = {} return ( 'abcdefghijklmnopqrst'.split('').forEach(function(e) { - a[e] = e + n[e] = e }), - 'abcdefghijklmnopqrst' === Object.keys(Object.assign({}, a)).join('') + 'abcdefghijklmnopqrst' === Object.keys(Object.assign({}, n)).join('') ) } catch (e) { return !1 @@ -2806,22 +2807,22 @@ function shouldUseNative() { var objectAssign = shouldUseNative() ? Object.assign : function(e, t) { - for (var r, a, n = toObject(e), o = 1; o < arguments.length; o++) { - for (var i in (r = Object(arguments[o]))) hasOwnProperty.call(r, i) && (n[i] = r[i]) + for (var r, n, a = toObject(e), o = 1; o < arguments.length; o++) { + for (var i in (r = Object(arguments[o]))) hasOwnProperty.call(r, i) && (a[i] = r[i]) if (getOwnPropertySymbols) { - a = getOwnPropertySymbols(r) - for (var s = 0; s < a.length; s++) propIsEnumerable.call(r, a[s]) && (n[a[s]] = r[a[s]]) + n = getOwnPropertySymbols(r) + for (var s = 0; s < n.length; s++) propIsEnumerable.call(r, n[s]) && (a[n[s]] = r[n[s]]) } } - return n + return a }, merge = function(e, t) { var r = objectAssign({}, e, t) - for (var a in e) { - var n - e[a] && - 'object' == typeof t[a] && - objectAssign(r, (((n = {})[a] = objectAssign(e[a], t[a])), n)) + for (var n in e) { + var a + e[n] && + 'object' == typeof t[n] && + objectAssign(r, (((a = {})[n] = objectAssign(e[n], t[n])), a)) } return r }, @@ -2849,22 +2850,22 @@ var objectAssign = shouldUseNative() getValue = function(e, t) { return get(t, e, e) }, - get = function(e, t, r, a, n) { - for (t = t && t.split ? t.split('.') : [t], a = 0; a < t.length; a++) e = e ? e[t[a]] : n - return e === n ? r : e + get = function(e, t, r, n, a) { + for (t = t && t.split ? t.split('.') : [t], n = 0; n < t.length; n++) e = e ? e[t[n]] : a + return e === a ? r : e }, createParser = function e(t) { var r = {}, - a = function(e) { - var a = {}, - n = !1, + n = function(e) { + var n = {}, + a = !1, o = e.theme && e.theme.disableStyledSystemCache for (var i in e) if (t[i]) { var s = t[i], l = e[i], c = get(e.theme, s.scale, s.defaults) - if ('object' != typeof l) objectAssign(a, s(l, c, e)) + if ('object' != typeof l) objectAssign(n, s(l, c, e)) else { if ( ((r.breakpoints = @@ -2872,45 +2873,45 @@ var objectAssign = shouldUseNative() Array.isArray(l)) ) { ;(r.media = (!o && r.media) || [null].concat(r.breakpoints.map(createMediaQuery))), - (a = merge(a, parseResponsiveStyle(r.media, s, c, l, e))) + (n = merge(n, parseResponsiveStyle(r.media, s, c, l, e))) continue } null !== l && - ((a = merge(a, parseResponsiveObject(r.breakpoints, s, c, l, e))), (n = !0)) + ((n = merge(n, parseResponsiveObject(r.breakpoints, s, c, l, e))), (a = !0)) } } - return n && (a = sort(a)), a + return a && (n = sort(n)), n } - ;(a.config = t), (a.propNames = Object.keys(t)), (a.cache = r) - var n = Object.keys(t).filter(function(e) { + ;(n.config = t), (n.propNames = Object.keys(t)), (n.cache = r) + var a = Object.keys(t).filter(function(e) { return 'config' !== e }) return ( - n.length > 1 && - n.forEach(function(r) { - var n - a[r] = e((((n = {})[r] = t[r]), n)) + a.length > 1 && + a.forEach(function(r) { + var a + n[r] = e((((a = {})[r] = t[r]), a)) }), - a + n ) }, - parseResponsiveStyle = function(e, t, r, a, n) { + parseResponsiveStyle = function(e, t, r, n, a) { var o = {} return ( - a.slice(0, e.length).forEach(function(a, i) { + n.slice(0, e.length).forEach(function(n, i) { var s, l = e[i], - c = t(a, r, n) + c = t(n, r, a) l ? objectAssign(o, (((s = {})[l] = objectAssign({}, o[l], c)), s)) : objectAssign(o, c) }), o ) }, - parseResponsiveObject = function(e, t, r, a, n) { + parseResponsiveObject = function(e, t, r, n, a) { var o = {} - for (var i in a) { + for (var i in n) { var s = e[i], - l = t(a[i], r, n) + l = t(n[i], r, a) if (s) { var c, d = createMediaQuery(s) @@ -2922,47 +2923,47 @@ var objectAssign = shouldUseNative() createStyleFunction = function(e) { var t = e.properties, r = e.property, - a = e.scale, - n = e.transform, - o = void 0 === n ? getValue : n, + n = e.scale, + a = e.transform, + o = void 0 === a ? getValue : a, i = e.defaultScale t = t || [r] - var s = function(e, r, a) { - var n = {}, - i = o(e, r, a) + var s = function(e, r, n) { + var a = {}, + i = o(e, r, n) if (null !== i) return ( t.forEach(function(e) { - n[e] = i + a[e] = i }), - n + a ) } - return (s.scale = a), (s.defaults = i), s + return (s.scale = n), (s.defaults = i), s }, system = function(e) { void 0 === e && (e = {}) var t = {} return ( Object.keys(e).forEach(function(r) { - var a = e[r] + var n = e[r] t[r] = - !0 !== a - ? 'function' != typeof a - ? createStyleFunction(a) - : a + !0 !== n + ? 'function' != typeof n + ? createStyleFunction(n) + : n : createStyleFunction({property: r, scale: r}) }), createParser(t) ) }, compose = function() { - for (var e = {}, t = arguments.length, r = new Array(t), a = 0; a < t; a++) r[a] = arguments[a] + for (var e = {}, t = arguments.length, r = new Array(t), n = 0; n < t; n++) r[n] = arguments[n] r.forEach(function(t) { t && t.config && objectAssign(e, t.config) }) - var n = createParser(e) - return n + var a = createParser(e) + return a }, isNumber = function(e) { return 'number' == typeof e && !isNaN(e) @@ -3100,9 +3101,9 @@ var background = system(config$6), getMargin = function(e, t) { if (!isNumber$1(e)) return get(t, e, e) var r = e < 0, - a = Math.abs(e), - n = get(t, a, a) - return isNumber$1(n) ? n * (r ? -1 : 1) : r ? '-' + n : n + n = Math.abs(e), + a = get(t, n, n) + return isNumber$1(a) ? a * (r ? -1 : 1) : r ? '-' + a : a }, configs = {} ;(configs.margin = { @@ -3194,7 +3195,7 @@ function _extends() { function(e) { for (var t = 1; t < arguments.length; t++) { var r = arguments[t] - for (var a in r) Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]) + for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]) } return e }).apply(this, arguments) @@ -3202,9 +3203,9 @@ function _extends() { var templateObject_1, templateObject_1$1, templateObject_1$2, - get$1 = function(e, t, r, a, n) { - for (t = t && t.split ? t.split('.') : [t], a = 0; a < t.length; a++) e = e ? e[t[a]] : n - return e === n ? r : e + get$1 = function(e, t, r, n, a) { + for (t = t && t.split ? t.split('.') : [t], n = 0; n < t.length; n++) e = e ? e[t[n]] : a + return e === a ? r : e }, defaultBreakpoints = [40, 52, 64].map(function(e) { return e + 'em' @@ -3316,8 +3317,8 @@ var templateObject_1, positiveOrNegative = function(e, t) { if ('number' != typeof t || t >= 0) return get$1(e, t, t) var r = Math.abs(t), - a = get$1(e, r, r) - return 'string' == typeof a ? '-' + a : -1 * a + n = get$1(e, r, r) + return 'string' == typeof n ? '-' + n : -1 * n }, transforms = [ 'margin', @@ -3338,9 +3339,9 @@ var templateObject_1, responsive = function(e) { return function(t) { var r = {}, - a = get$1(t, 'breakpoints', defaultBreakpoints), - n = [null].concat( - a.map(function(e) { + n = get$1(t, 'breakpoints', defaultBreakpoints), + a = [null].concat( + n.map(function(e) { return '@media screen and (min-width: ' + e + ')' }), ) @@ -3348,8 +3349,8 @@ var templateObject_1, var i = 'function' == typeof e[o] ? e[o](t) : e[o] if (null != i) if (Array.isArray(i)) - for (var s = 0; s < i.slice(0, n.length).length; s++) { - var l = n[s] + for (var s = 0; s < i.slice(0, a.length).length; s++) { + var l = a[s] null != i[s] && (l ? ((r[l] = r[l] || {}), (r[l][o] = i[s])) : (r[o] = i[s])) } else r[o] = i @@ -3360,34 +3361,34 @@ var templateObject_1, css = function e(t) { return function(r) { void 0 === r && (r = {}) - var a = _extends({}, defaultTheme, {}, r.theme || r), - n = {}, - o = 'function' == typeof t ? t(a) : t, - i = responsive(o)(a) + var n = _extends({}, defaultTheme, {}, r.theme || r), + a = {}, + o = 'function' == typeof t ? t(n) : t, + i = responsive(o)(n) for (var s in i) { var l = i[s], - c = 'function' == typeof l ? l(a) : l + c = 'function' == typeof l ? l(n) : l if ('variant' !== s) - if (c && 'object' == typeof c) n[s] = e(c)(a) + if (c && 'object' == typeof c) a[s] = e(c)(n) else { var d = get$1(aliases, s, s), u = get$1(scales, d), - p = get$1(a, u, get$1(a, d, {})), + p = get$1(n, u, get$1(n, d, {})), g = get$1(transforms, d, get$1)(p, c, c) - if (multiples[d]) for (var f = multiples[d], m = 0; m < f.length; m++) n[f[m]] = g - else n[d] = g + if (multiples[d]) for (var f = multiples[d], m = 0; m < f.length; m++) a[f[m]] = g + else a[d] = g } - else n = _extends({}, n, {}, e(get$1(a, c))(a)) + else a = _extends({}, a, {}, e(get$1(n, c))(n)) } - return n + return a } }, variant = function(e) { var t, r, - a = e.scale, - n = e.prop, - o = void 0 === n ? 'variant' : n, + n = e.scale, + a = e.prop, + o = void 0 === a ? 'variant' : a, i = e.variants, s = void 0 === i ? {} : i, l = e.key @@ -3397,7 +3398,7 @@ var templateObject_1, } : function(e, t) { return get(t, e, null) - }).scale = a || l), + }).scale = n || l), (r.defaults = s) var c = (((t = {})[o] = r), t) return createParser(c) @@ -3439,8 +3440,8 @@ var templateObject_1, style = function(e) { var t = e.prop, r = e.cssProperty, - a = e.alias, - n = e.key, + n = e.alias, + a = e.key, o = e.transformValue, i = e.scale, s = e.properties, @@ -3449,11 +3450,11 @@ var templateObject_1, (l[t] = createStyleFunction({ properties: s, property: r || t, - scale: n, + scale: a, defaultScale: i, transform: o, })), - a && (l[a] = l[t]), + n && (l[n] = l[t]), createParser(l) ) }, @@ -3549,15 +3550,15 @@ var templateObject_1, function CalendarIcon(e) { var t = e.height, r = e.width, - a = e.color, - n = e.className, - o = void 0 === n ? '' : n + n = e.color, + a = e.className, + o = void 0 === a ? '' : a return React__default.createElement( 'svg', { width: r, height: t, - color: a, + color: n, className: o, viewBox: '0 0 12 12', xmlns: 'http://www.w3.org/2000/svg', @@ -3576,9 +3577,9 @@ function useThemeProps(e) { return React.useMemo( function() { return t && 'object' == typeof t && t.reactDatepicker && 'object' == typeof t.reactDatepicker - ? Object.keys(e).reduce(function(r, a) { - var n - return __assign(__assign({}, r), (((n = {})[a] = t.reactDatepicker[a] || e[a]), n)) + ? Object.keys(e).reduce(function(r, n) { + var a + return __assign(__assign({}, r), (((a = {})[n] = t.reactDatepicker[n] || e[n]), a)) }, {}) : e }, @@ -3682,8 +3683,8 @@ var templateObject_1$3, function Input(e) { var t = e.placeholder, r = e.id, - a = e.vertical, - n = e.isActive, + n = e.vertical, + a = e.isActive, o = e.ariaLabel, i = e.onClick, s = e.value, @@ -3721,8 +3722,8 @@ function Input(e) { inputCalendarWrapperHeight: '12px', inputCalendarWrapperWidth: '12px', inputCalendarWrapperTop: '16px', - inputCalendarWrapperLeft: d ? 'unset' : a ? '8px' : '16px', - inputCalendarWrapperRight: d ? (a ? '8px' : '16px') : 'unset', + inputCalendarWrapperLeft: d ? 'unset' : n ? '8px' : '16px', + inputCalendarWrapperRight: d ? (n ? '8px' : '16px') : 'unset', inputCalendarIconWidth: '12px', inputCalendarIconHeight: '12px', inputCalendarIconColor: getThemeProp('graci', globalStyles.colors.graci, w), @@ -3776,7 +3777,7 @@ function Input(e) { fontWeight: v.inputFontWeight, placeholderColor: v.inputPlaceholderColor, placeholderFontWeight: v.inputPlaceholderFontWeight, - boxShadow: n ? v.inputActiveBoxShadow : 'none', + boxShadow: a ? v.inputActiveBoxShadow : 'none', id: r, placeholder: t, 'aria-label': o, @@ -3813,9 +3814,9 @@ function calculateAngle(e) { function ArrowIcon(e) { var t = e.height, r = e.width, - a = e.iconColor, - n = e.direction, - o = void 0 === n ? 'right' : n, + n = e.iconColor, + a = e.direction, + o = void 0 === a ? 'right' : a, i = e.className, s = void 0 === i ? '' : i, l = calculateAngle(o) @@ -3824,7 +3825,7 @@ function ArrowIcon(e) { { width: r, height: t, - color: a, + color: n, className: s, transform: 'rotate(' + l + ' 0 0)', viewBox: '0 0 9 12', @@ -3877,8 +3878,8 @@ var templateObject_1$4, function SelectDate(e) { var t = e.title, r = e.isActive, - a = e.date, - n = e.vertical, + n = e.date, + a = e.vertical, o = React.useContext(styled.ThemeContext), i = useThemeProps({ fontFamily: globalStyles.fontFamily, @@ -3886,7 +3887,7 @@ function SelectDate(e) { selectDateLabelColor: getThemeProp('silverCloud', globalStyles.colors.silverCloud, o), selectDateLabelMargin: '0 0 8px', selectDateDateColor: getThemeProp('charcoal', globalStyles.colors.charcoal, o), - selectDateDateFontSize: n ? '16px' : '24px', + selectDateDateFontSize: a ? '16px' : '24px', selectDateDateFontWeight: 500, selectDateDatePadding: '0 0 15px', selectDateBorderColor: getThemeProp('primaryColor', globalStyles.colors.primaryColor, o), @@ -3917,7 +3918,7 @@ function SelectDate(e) { isActive: r, selectDateBorderColor: i.selectDateBorderColor, }, - a, + n, ), ) } @@ -3929,7 +3930,7 @@ var templateObject_1$6, MonthLabel = function(e) { var t = e.label, r = React.useContext(styled.ThemeContext), - a = useThemeProps({ + n = useThemeProps({ fontFamily: globalStyles.fontFamily, monthLabelColor: getThemeProp('darcula', globalStyles.colors.darcula, r), monthLabelLineHeight: 1.57, @@ -3939,11 +3940,11 @@ var templateObject_1$6, return React__default.createElement( Text, { - fontFamily: a.fontFamily, - fontSize: a.monthLabelFontSize, - fontWeight: a.monthLabelFontWeight, - lineHeight: a.monthLabelLineHeight, - color: a.monthLabelColor, + fontFamily: n.fontFamily, + fontSize: n.monthLabelFontSize, + fontWeight: n.monthLabelFontWeight, + lineHeight: n.monthLabelLineHeight, + color: n.monthLabelColor, 'data-testid': 'MonthLabel', }, t, @@ -3952,7 +3953,7 @@ var templateObject_1$6, MonthLabel$1 = function(e) { var t = e.label, r = React.useContext(styled.ThemeContext), - a = useThemeProps({ + n = useThemeProps({ fontFamily: globalStyles.fontFamily, dayLabelColor: getThemeProp('silverCloud', globalStyles.colors.silverCloud, r), dayLabelFontWeight: 500, @@ -3961,10 +3962,10 @@ var templateObject_1$6, return React__default.createElement( Text, { - fontFamily: a.fontFamily, - fontSize: a.dayLabelFontSize, - fontWeight: a.dayLabelFontWeight, - color: a.dayLabelColor, + fontFamily: n.fontFamily, + fontSize: n.dayLabelFontSize, + fontWeight: n.dayLabelFontWeight, + color: n.dayLabelColor, 'data-testid': 'DayLabel', }, t, @@ -4092,10 +4093,10 @@ var templateObject_1$6, function(e) { var t = e.disabledDate, r = e.isSelected, - a = e.isSelectedStartOrEnd, - n = e.isWithinHoverRange - return t || r || a || n - ? r && !a + n = e.isSelectedStartOrEnd, + a = e.isWithinHoverRange + return t || r || n || a + ? r && !n ? styled.css( templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject( @@ -4128,28 +4129,28 @@ var templateObject_1$6, ) }, ) -function getColor(e, t, r, a) { - var n = a.selectedFirstOrLast, - o = a.normal, - i = a.selected, - s = a.rangeHover - return t ? n : e ? i : r ? s : o +function getColor(e, t, r, n) { + var a = n.selectedFirstOrLast, + o = n.normal, + i = n.selected, + s = n.rangeHover + return t ? a : e ? i : r ? s : o } function Day(e) { var t = e.day, r = e.date, - a = React.useRef(null), - n = React.useContext(DatepickerContext), - o = n.focusedDate, - i = n.isDateFocused, - s = n.isDateSelected, - l = n.isDateHovered, - c = n.isDateBlocked, - d = n.isFirstOrLastSelectedDate, - u = n.onDateSelect, - p = n.onDateFocus, - g = n.onDateHover, - f = n.onDayRender, + n = React.useRef(null), + a = React.useContext(DatepickerContext), + o = a.focusedDate, + i = a.isDateFocused, + s = a.isDateSelected, + l = a.isDateHovered, + c = a.isDateBlocked, + d = a.isFirstOrLastSelectedDate, + u = a.onDateSelect, + p = a.onDateFocus, + g = a.onDateHover, + f = a.onDayRender, m = fe({ date: r, focusedDate: o, @@ -4161,7 +4162,7 @@ function Day(e) { onDateFocus: p, onDateSelect: u, onDateHover: g, - dayRef: a, + dayRef: n, }), h = React.useContext(styled.ThemeContext), y = getThemeProp('white', globalStyles.colors.white, h), @@ -4230,7 +4231,7 @@ function Day(e) { return React__default.createElement( StyledDay, __assign({}, m, { - ref: a, + ref: n, dayHeight: T.daySize, dayWidth: T.daySize, background: C, @@ -4294,18 +4295,18 @@ var templateObject_1$7, Month = function(e) { var t = e.year, r = e.month, - a = e.firstDayOfWeek, - n = zt({ + n = e.firstDayOfWeek, + a = zt({ dayLabelFormat: e.dayLabelFormat, monthLabelFormat: e.monthLabelFormat, weekdayLabelFormat: e.weekdayLabelFormat, year: t, month: r, - firstDayOfWeek: a, + firstDayOfWeek: n, }), - o = n.days, - i = n.weekdayLabels, - s = n.monthLabel, + o = a.days, + i = a.weekdayLabels, + s = a.monthLabel, l = useThemeProps({ daySize: globalStyles.daySize, monthLabelMargin: '0 0 28px', @@ -4344,15 +4345,15 @@ var templateObject_1$7, function CaretIcon(e) { var t = e.height, r = e.width, - a = e.color, - n = e.className, - o = void 0 === n ? '' : n + n = e.color, + a = e.className, + o = void 0 === a ? '' : a return React__default.createElement( 'svg', { width: r, height: t, - color: a, + color: n, className: o, viewBox: '0 0 14 14', xmlns: 'http://www.w3.org/2000/svg', @@ -4398,15 +4399,15 @@ var templateObject_1$8, function ResetDates(e) { var t = e.onResetDates, r = e.text, - a = e.rtl, - n = React.useContext(styled.ThemeContext), + n = e.rtl, + a = React.useContext(styled.ThemeContext), o = useThemeProps({ fontFamily: globalStyles.fontFamily, - resetDatesIconColor: getThemeProp('mud', globalStyles.colors.mud, n), + resetDatesIconColor: getThemeProp('mud', globalStyles.colors.mud, a), resetDatesIconHeight: '14px', resetDatesIconWidth: '14px', - resetDatesTextColor: getThemeProp('darcula', globalStyles.colors.darcula, n), - resetDatesTextMargin: a ? '1px 8px 0 0' : '1px 0 0 8px', + resetDatesTextColor: getThemeProp('darcula', globalStyles.colors.darcula, a), + resetDatesTextMargin: n ? '1px 8px 0 0' : '1px 0 0 8px', resetDatesTextLineHeight: 1.18, resetDatesTextFontSize: '11px', }) @@ -4424,7 +4425,7 @@ function ResetDates(e) { height: o.resetDatesIconHeight, width: o.resetDatesIconWidth, color: o.resetDatesIconColor, - rtl: a, + rtl: n, }), React__default.createElement( Text, @@ -4472,9 +4473,9 @@ function calculateAngle$1(e) { function CaretIcon$1(e) { var t = e.height, r = e.width, - a = e.color, - n = e.direction, - o = void 0 === n ? 'right' : n, + n = e.color, + a = e.direction, + o = void 0 === a ? 'right' : a, i = e.className, s = void 0 === i ? '' : i, l = calculateAngle$1(o) @@ -4483,7 +4484,7 @@ function CaretIcon$1(e) { { width: r, height: t, - color: a, + color: n, className: s, angle: l, viewBox: '0 0 9 6', @@ -4510,26 +4511,26 @@ var templateObject_1$a, function NavButton(e) { var t = e.type, r = e.onClick, - a = e.vertical, - n = e.rtl, + n = e.vertical, + a = e.rtl, o = e.ariaLabel, i = React.useContext(styled.ThemeContext), s = useThemeProps({ - navButtonWidth: a ? '48px' : '30px', - navButtonHeight: a ? '48px' : '30px', + navButtonWidth: n ? '48px' : '30px', + navButtonHeight: n ? '48px' : '30px', navButtonBackground: getThemeProp('white', globalStyles.colors.white, i), navButtonBorder: '1px solid ' + getThemeProp('silverCloud', globalStyles.colors.silverCloud, i), navButtonPadding: '0', - navButtonIconHeight: a ? '18px' : '11px', - navButtonIconWidth: a ? '28px' : '18px', + navButtonIconHeight: n ? '18px' : '11px', + navButtonIconWidth: n ? '28px' : '18px', navButtonIconColor: getThemeProp('greey', globalStyles.colors.greey, i), }) function l() { - return 'next' !== t || a - ? 'next' === t && a + return 'next' !== t || n + ? 'next' === t && n ? 'down' - : 'prev' !== t || a + : 'prev' !== t || n ? 'up' : 'left' : 'right' @@ -4541,8 +4542,8 @@ function NavButton(e) { height: s.navButtonHeight, background: s.navButtonBackground, border: s.navButtonBorder, - borderRight: 'up' !== l() || n ? s.navButtonBorder : 'unset', - borderLeft: 'up' === l() && n ? 'unset' : s.navButtonBorder, + borderRight: 'up' !== l() || a ? s.navButtonBorder : 'unset', + borderLeft: 'up' === l() && a ? 'unset' : s.navButtonBorder, p: s.navButtonPadding, type: 'button', 'aria-label': o, @@ -4563,15 +4564,15 @@ function NavButton(e) { function CloseIcon(e) { var t = e.height, r = e.width, - a = e.color, - n = e.className, - o = void 0 === n ? '' : n + n = e.color, + a = e.className, + o = void 0 === a ? '' : a return React__default.createElement( 'svg', { width: r, height: t, - color: a, + color: n, className: o, viewBox: '0 0 15 16', xmlns: 'http://www.w3.org/2000/svg', @@ -4618,13 +4619,13 @@ var templateObject_1$b, function Close(e) { var t = e.onClick, r = e.rtl, - a = e.closeText, - n = React.useContext(styled.ThemeContext), + n = e.closeText, + a = React.useContext(styled.ThemeContext), o = useThemeProps({ fontFamily: globalStyles.fontFamily, closeMargin: r ? '1px 16px 0 0' : '1px 0 0 16px', - closeColor: getThemeProp('silverCloud', globalStyles.colors.silverCloud, n), - closeHoverColor: getThemeProp('darcula', globalStyles.colors.darcula, n), + closeColor: getThemeProp('silverCloud', globalStyles.colors.silverCloud, a), + closeHoverColor: getThemeProp('darcula', globalStyles.colors.darcula, a), closeFontSize: '12px', closeFontWeight: 600, }) @@ -4647,7 +4648,7 @@ function Close(e) { fontFamily: o.fontFamily, fontWeight: o.closeFontWeight, }, - a, + n, ), ) } @@ -4722,8 +4723,8 @@ var opacity0To100$1 = styled.keyframes( ) function Datepicker(e, t) { var r = e.startDate, - a = e.endDate, - n = e.minBookingDate, + n = e.endDate, + a = e.minBookingDate, o = e.maxBookingDate, i = e.focusedInput, s = e.onDatesChange, @@ -4731,125 +4732,127 @@ function Datepicker(e, t) { c = e.weekdayLabelFormat, d = e.monthLabelFormat, u = e.onDayRender, - p = e.vertical, - g = void 0 !== p && p, - f = e.rtl, - m = void 0 !== f && f, - h = e.showResetDates, - y = void 0 === h || h, - b = e.showClose, - w = void 0 === b || b, - v = e.showSelectedDates, - D = void 0 === v || v, - k = e.exactMinBookingDays, - x = void 0 !== k && k, - T = e.isDateBlocked, - _ = - void 0 === T + p = e.initialVisibleMonth, + g = e.vertical, + f = void 0 !== g && g, + m = e.rtl, + h = void 0 !== m && m, + y = e.showResetDates, + b = void 0 === y || y, + w = e.showClose, + v = void 0 === w || w, + D = e.showSelectedDates, + k = void 0 === D || D, + x = e.exactMinBookingDays, + T = void 0 !== x && x, + _ = e.isDateBlocked, + C = + void 0 === _ ? function() { return !1 } - : T, - C = e.minBookingDays, - S = void 0 === C ? 1 : C, - R = e.onClose, - O = void 0 === R ? function() {} : R, - B = e.numberOfMonths, - W = e.firstDayOfWeek, - M = e.displayFormat, - j = void 0 === M ? 'MM/dd/yyyy' : M, - L = e.phrases, - P = void 0 === L ? datepickerPhrases : L, - E = e.unavailableDates, - F = le({ + : _, + S = e.minBookingDays, + R = void 0 === S ? 1 : S, + O = e.onClose, + B = void 0 === O ? function() {} : O, + W = e.numberOfMonths, + M = e.firstDayOfWeek, + j = e.displayFormat, + L = void 0 === j ? 'MM/dd/yyyy' : j, + P = e.phrases, + E = void 0 === P ? datepickerPhrases : P, + F = e.unavailableDates, + I = le({ startDate: r, - endDate: a, + endDate: n, focusedInput: i, onDatesChange: s, - minBookingDate: n, + minBookingDate: a, maxBookingDate: o, - minBookingDays: S, - isDateBlocked: _, - exactMinBookingDays: x, - unavailableDates: void 0 === E ? [] : E, - numberOfMonths: B, - firstDayOfWeek: W, + minBookingDays: R, + isDateBlocked: C, + exactMinBookingDays: T, + unavailableDates: void 0 === F ? [] : F, + initialVisibleMonth: p, + numberOfMonths: W, + firstDayOfWeek: M, }), - I = F.activeMonths, - H = F.isDateSelected, - $ = F.isFirstOrLastSelectedDate, - z = F.isDateHovered, - A = F.firstDayOfWeek, - N = F.onDateSelect, - U = F.onResetDates, - q = F.goToPreviousMonths, - G = F.goToNextMonths, - Y = F.numberOfMonths, - Q = F.hoveredDate, - X = F.onDateHover, - V = F.isDateFocused, - Z = F.focusedDate, - J = F.onDateFocus, - K = F.isDateBlocked + H = I.activeMonths, + $ = I.isDateSelected, + z = I.isFirstOrLastSelectedDate, + A = I.isDateHovered, + N = I.firstDayOfWeek, + U = I.onDateSelect, + q = I.onResetDates, + G = I.goToPreviousMonths, + Y = I.goToNextMonths, + Q = I.numberOfMonths, + X = I.hoveredDate, + V = I.onDateHover, + Z = I.isDateFocused, + J = I.focusedDate, + K = I.onDateFocus, + ee = I.isDateBlocked React.useImperativeHandle(t, function() { return { onDateSelect: function(e) { - N(e) + U(e) }, } }) - var ee = React.useRef(null), - te = React.useContext(styled.ThemeContext), - re = useThemeProps({ + var te = React.useRef(null), + re = React.useContext(styled.ThemeContext), + ne = useThemeProps({ datepickerZIndex: null, datepickerBackground: '#ffffff', - datepickerPadding: g ? '16px 16px 0' : '32px', + datepickerPadding: f ? '16px 16px 0' : '32px', datepickerBorderRadius: '2px', datepickerPosition: 'relative', datepickerWidth: 'fit-content', - datepickerCloseWrapperPosition: g ? 'relative' : 'absolute', - datepickerCloseWrapperDisplay: g ? 'flex' : 'block', - datepickerCloseWrapperJustifyContent: g ? 'flex-end' : 'initial', - datepickerCloseWrapperMargin: g ? '0 0 16px' : '0', - datepickerCloseWrapperRight: m ? 'unset' : g ? '0' : '32px', + datepickerCloseWrapperPosition: f ? 'relative' : 'absolute', + datepickerCloseWrapperDisplay: f ? 'flex' : 'block', + datepickerCloseWrapperJustifyContent: f ? 'flex-end' : 'initial', + datepickerCloseWrapperMargin: f ? '0 0 16px' : '0', + datepickerCloseWrapperRight: h ? 'unset' : f ? '0' : '32px', datepickerCloseWrapperTop: 'unset', - datepickerCloseWrapperLeft: m ? '32px' : 'unset', + datepickerCloseWrapperLeft: h ? '32px' : 'unset', datepickerCloseWrapperBottom: 'unset', datepickerCloseWrapperZIndex: 1, - datepickerSelectDateGridTemplateColumns: g ? '87px 50px 87px' : '126px 75px 126px', + datepickerSelectDateGridTemplateColumns: f ? '87px 50px 87px' : '126px 75px 126px', datepickerSelectDateGridTemplateRows: 'unset', datepickerSelectDateArrowIconWidth: '15px', datepickerSelectDateArrowIconHeight: '12px', datepickerSelectDateArrowIconColor: getThemeProp( 'silverCloud', globalStyles.colors.silverCloud, - te, + re, ), - datepickerMonthsWrapperMargin: w || D ? (D ? '28px 0 0' : '48px 0 0') : 'unset', - datepickerPreviousMonthButtonPosition: g ? 'relative' : 'absolute', - datepickerPreviousMonthButtonTop: g ? 'unset' : '-5px', - datepickerPreviousMonthButtonLeft: g ? 'unset' : '0', + datepickerMonthsWrapperMargin: v || k ? (k ? '28px 0 0' : '48px 0 0') : 'unset', + datepickerPreviousMonthButtonPosition: f ? 'relative' : 'absolute', + datepickerPreviousMonthButtonTop: f ? 'unset' : '-5px', + datepickerPreviousMonthButtonLeft: f ? 'unset' : '0', datepickerPreviousMonthButtonRight: 'unset', datepickerPreviousMonthButtonBottom: 'unset', - datepickerNextMonthButtonPosition: g ? 'relative' : 'absolute', - datepickerNextMonthButtonTop: g ? 'unset' : '-5px', + datepickerNextMonthButtonPosition: f ? 'relative' : 'absolute', + datepickerNextMonthButtonTop: f ? 'unset' : '-5px', datepickerNextMonthButtonLeft: 'unset', - datepickerNextMonthButtonRight: g ? 'unset' : '0', + datepickerNextMonthButtonRight: f ? 'unset' : '0', datepickerNextMonthButtonBottom: 'unset', - datepickerMonthsGridGap: g ? '32px' : '0 32px', + datepickerMonthsGridGap: f ? '32px' : '0 32px', datepickerMonthsGridOverflow: 'auto', - datepickerMonthsGridHeight: g ? '50vh' : '100%', - datepickerResetDatesWrapperMargin: g ? 'unset' : '32px 0 0', + datepickerMonthsGridHeight: f ? '50vh' : '100%', + datepickerResetDatesWrapperMargin: f ? 'unset' : '32px 0 0', datepickerBoxShadow: 'rgba(0, 0, 0, 0.05) 0px 2px 6px, rgba(0, 0, 0, 0.07) 0px 0px 0px 1px', }) function ae() { - ee && ee.current && g && (ee.current.scrollTop = 0) - } - function ne() { - G(), ae() + te && te.current && f && (te.current.scrollTop = 0) } function oe() { - q(), ae() + Y(), ae() + } + function ie() { + G(), ae() } return React__default.createElement( styled.ThemeProvider, @@ -4862,48 +4865,48 @@ function Datepicker(e, t) { DatepickerContext.Provider, { value: { - rtl: m, - isDateFocused: V, - isDateSelected: H, - isDateHovered: z, - isFirstOrLastSelectedDate: $, - onDateFocus: J, - focusedDate: Z, - onDateSelect: N, - onDateHover: X, + rtl: h, + isDateFocused: Z, + isDateSelected: $, + isDateHovered: A, + isFirstOrLastSelectedDate: z, + onDateFocus: K, + focusedDate: J, + onDateSelect: U, + onDateHover: V, onDayRender: u, - isDateBlocked: K, + isDateBlocked: ee, }, }, React__default.createElement( StyledDatepicker, { - background: re.datepickerBackground, - p: re.datepickerPadding, - borderRadius: re.datepickerBorderRadius, - position: re.datepickerPosition, - boxShadow: re.datepickerBoxShadow, - width: re.datepickerWidth, - zIndex: re.datepickerZIndex, - rtl: m, + background: ne.datepickerBackground, + p: ne.datepickerPadding, + borderRadius: ne.datepickerBorderRadius, + position: ne.datepickerPosition, + boxShadow: ne.datepickerBoxShadow, + width: ne.datepickerWidth, + zIndex: ne.datepickerZIndex, + rtl: h, }, - w && + v && React__default.createElement( CloseWrapper, { - m: re.datepickerCloseWrapperMargin, - display: re.datepickerCloseWrapperDisplay, - justifyContent: re.datepickerCloseWrapperJustifyContent, - position: re.datepickerCloseWrapperPosition, - right: re.datepickerCloseWrapperRight, - top: re.datepickerCloseWrapperTop, - left: re.datepickerCloseWrapperLeft, - bottom: re.datepickerCloseWrapperBottom, - zIndex: re.datepickerCloseWrapperZIndex, + m: ne.datepickerCloseWrapperMargin, + display: ne.datepickerCloseWrapperDisplay, + justifyContent: ne.datepickerCloseWrapperJustifyContent, + position: ne.datepickerCloseWrapperPosition, + right: ne.datepickerCloseWrapperRight, + top: ne.datepickerCloseWrapperTop, + left: ne.datepickerCloseWrapperLeft, + bottom: ne.datepickerCloseWrapperBottom, + zIndex: ne.datepickerCloseWrapperZIndex, }, - React__default.createElement(Close, {onClick: O, rtl: m, closeText: P.close}), + React__default.createElement(Close, {onClick: B, rtl: h, closeText: E.close}), ), - D && + k && React__default.createElement( DateWrapper, null, @@ -4911,29 +4914,29 @@ function Datepicker(e, t) { Grid, { 'data-testid': 'SelectedDatesGrid', - gridTemplateColumns: re.datepickerSelectDateGridTemplateColumns, - gridTemplateRows: re.datepickerSelectDateGridTemplateRows, + gridTemplateColumns: ne.datepickerSelectDateGridTemplateColumns, + gridTemplateRows: ne.datepickerSelectDateGridTemplateRows, }, React__default.createElement(SelectDate, { - title: P.datepickerStartDateLabel, - date: ue(r, j, P.datepickerStartDatePlaceholder), + title: E.datepickerStartDateLabel, + date: ue(r, L, E.datepickerStartDatePlaceholder), isActive: i === ce, - vertical: g, + vertical: f, }), React__default.createElement( Flex, {justifyContent: 'center', alignItems: 'center'}, React__default.createElement(ArrowIcon, { - height: re.datepickerSelectDateArrowIconHeight, - width: re.datepickerSelectDateArrowIconWidth, - iconColor: re.datepickerSelectDateArrowIconColor, + height: ne.datepickerSelectDateArrowIconHeight, + width: ne.datepickerSelectDateArrowIconWidth, + iconColor: ne.datepickerSelectDateArrowIconColor, }), ), React__default.createElement(SelectDate, { - title: P.datepickerEndDateLabel, - date: ue(a, j, P.datepickerEndDatePlaceholder), + title: E.datepickerEndDateLabel, + date: ue(n, L, E.datepickerEndDatePlaceholder), isActive: i === de, - vertical: g, + vertical: f, }), ), ), @@ -4942,27 +4945,27 @@ function Datepicker(e, t) { {position: 'relative'}, React__default.createElement( Box, - {m: re.datepickerMonthsWrapperMargin}, + {m: ne.datepickerMonthsWrapperMargin}, React__default.createElement( MonthGrid, { 'data-testid': 'MonthGrid', - overflow: re.datepickerMonthsGridOverflow, - height: re.datepickerMonthsGridHeight, - gridTemplateColumns: g ? '1fr' : 'repeat(' + Y + ', 1fr)', - gridGap: re.datepickerMonthsGridGap, - pr: m ? '1px' : '0', - ref: ee, + overflow: ne.datepickerMonthsGridOverflow, + height: ne.datepickerMonthsGridHeight, + gridTemplateColumns: f ? '1fr' : 'repeat(' + Q + ', 1fr)', + gridGap: ne.datepickerMonthsGridGap, + pr: h ? '1px' : '0', + ref: te, onMouseLeave: function() { - Q && X(null) + X && V(null) }, }, - I.map(function(e) { + H.map(function(e) { return React__default.createElement(Month, { key: 'month-' + e.year + '-' + e.month, year: e.year, month: e.month, - firstDayOfWeek: A, + firstDayOfWeek: N, dayLabelFormat: l || Xt, weekdayLabelFormat: c || Gt, monthLabelFormat: d || At, @@ -4976,47 +4979,47 @@ function Datepicker(e, t) { React__default.createElement( React__default.Fragment, null, - y && + b && React__default.createElement( Flex, - {flex: '1', m: re.datepickerResetDatesWrapperMargin}, + {flex: '1', m: ne.datepickerResetDatesWrapperMargin}, React__default.createElement(ResetDates, { - rtl: m, - onResetDates: U, - text: P.resetDates, + rtl: h, + onResetDates: q, + text: E.resetDates, }), ), React__default.createElement( Box, { - position: re.datepickerPreviousMonthButtonPosition, - top: re.datepickerPreviousMonthButtonTop, - left: re.datepickerPreviousMonthButtonLeft, - right: re.datepickerPreviousMonthButtonRight, - bottom: re.datepickerPreviousMonthButtonBottom, + position: ne.datepickerPreviousMonthButtonPosition, + top: ne.datepickerPreviousMonthButtonTop, + left: ne.datepickerPreviousMonthButtonLeft, + right: ne.datepickerPreviousMonthButtonRight, + bottom: ne.datepickerPreviousMonthButtonBottom, }, React__default.createElement(NavButton, { type: 'prev', - onClick: m && !g ? ne : oe, - vertical: g, - rtl: m, + onClick: h && !f ? oe : ie, + vertical: f, + rtl: h, ariaLabel: 'Previous month', }), ), React__default.createElement( Box, { - position: re.datepickerNextMonthButtonPosition, - top: re.datepickerNextMonthButtonTop, - left: re.datepickerNextMonthButtonLeft, - right: re.datepickerNextMonthButtonRight, - bottom: re.datepickerNextMonthButtonBottom, + position: ne.datepickerNextMonthButtonPosition, + top: ne.datepickerNextMonthButtonTop, + left: ne.datepickerNextMonthButtonLeft, + right: ne.datepickerNextMonthButtonRight, + bottom: ne.datepickerNextMonthButtonBottom, }, React__default.createElement(NavButton, { type: 'next', - onClick: m && !g ? oe : ne, - vertical: g, - rtl: m, + onClick: h && !f ? ie : oe, + vertical: f, + rtl: h, ariaLabel: 'Next month', }), ), @@ -5112,8 +5115,8 @@ function getPlacement(e, t) { function DateRangeInput(e) { var t = e.startDate, r = e.endDate, - a = e.minBookingDate, - n = e.maxBookingDate, + n = e.minBookingDate, + a = e.maxBookingDate, o = e.firstDayOfWeek, i = e.onFocusChange, s = e.numberOfMonths, @@ -5124,78 +5127,79 @@ function DateRangeInput(e) { p = e.weekdayLabelFormat, g = e.monthLabelFormat, f = e.onDayRender, - m = e.showClose, - h = void 0 === m || m, - y = e.showSelectedDates, - b = void 0 === y || y, - w = e.showResetDates, - v = void 0 === w || w, - D = e.vertical, - k = void 0 !== D && D, - x = e.rtl, - T = void 0 !== x && x, - _ = e.isDateBlocked, - C = - void 0 === _ + m = e.initialVisibleMonth, + h = e.showClose, + y = void 0 === h || h, + b = e.showSelectedDates, + w = void 0 === b || b, + v = e.showResetDates, + D = void 0 === v || v, + k = e.vertical, + x = void 0 !== k && k, + T = e.rtl, + _ = void 0 !== T && T, + C = e.isDateBlocked, + S = + void 0 === C ? function() { return !1 } - : _, - S = e.minBookingDays, - R = void 0 === S ? 1 : S, - O = e.onClose, - B = void 0 === O ? function() {} : O, - W = e.showStartDateCalendarIcon, - M = void 0 === W || W, - j = e.showEndDateCalendarIcon, - L = void 0 === j || j, - P = e.displayFormat, - E = void 0 === P ? 'MM/dd/yyyy' : P, - F = e.phrases, - I = void 0 === F ? dateRangeInputPhrases : F, - H = e.placement, - $ = void 0 === H ? 'bottom' : H, - z = e.startDateInputId, - A = void 0 === z ? 'startDate' : z, - N = e.endDateInputId, - U = void 0 === N ? 'endDate' : N, - q = e.unavailableDates, - G = void 0 === q ? [] : q, - Y = React.useRef(null), + : C, + R = e.minBookingDays, + O = void 0 === R ? 1 : R, + B = e.onClose, + W = void 0 === B ? function() {} : B, + M = e.showStartDateCalendarIcon, + j = void 0 === M || M, + L = e.showEndDateCalendarIcon, + P = void 0 === L || L, + E = e.displayFormat, + F = void 0 === E ? 'MM/dd/yyyy' : E, + I = e.phrases, + H = void 0 === I ? dateRangeInputPhrases : I, + $ = e.placement, + z = void 0 === $ ? 'bottom' : $, + A = e.startDateInputId, + N = void 0 === A ? 'startDate' : A, + U = e.endDateInputId, + q = void 0 === U ? 'endDate' : U, + G = e.unavailableDates, + Y = void 0 === G ? [] : G, Q = React.useRef(null), - X = React.useContext(styled.ThemeContext), - V = useThemeProps( + X = React.useRef(null), + V = React.useContext(styled.ThemeContext), + Z = useThemeProps( __assign( { dateRangeZIndex: null, dateRangeBackground: 'transparent', - dateRangeGridTemplateColumns: k ? '1fr 24px 1fr' : '194px 39px 194px', + dateRangeGridTemplateColumns: x ? '1fr 24px 1fr' : '194px 39px 194px', dateRangeGridTemplateRows: 'unset', dateRangeBorder: '0', dateRangeBorderRadius: '0', dateRangeArrowIconWidth: '15px', dateRangeArrowIconHeight: '12px', - dateRangeArrowIconColor: getThemeProp('graci', globalStyles.colors.graci, X), + dateRangeArrowIconColor: getThemeProp('graci', globalStyles.colors.graci, V), dateRangeArrowIconOpacity: 1, - dateRangeStartDateInputPadding: k ? (T ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', - dateRangeEndDateInputPadding: k ? (T ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', + dateRangeStartDateInputPadding: x ? (_ ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', + dateRangeEndDateInputPadding: x ? (_ ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', dateRangeDatepickerWrapperPosition: 'absolute', }, - getPlacement($, T), + getPlacement(z, _), ), ) - function Z(e) { - null !== l && Q && Q.current && !Q.current.contains(e.target) && i(null) - } function J(e) { - Y && Y.current && Y.current.onDateSelect && Y.current.onDateSelect(e) + null !== l && X && X.current && !X.current.contains(e.target) && i(null) + } + function K(e) { + Q && Q.current && Q.current.onDateSelect && Q.current.onDateSelect(e) } return ( React.useEffect(function() { return ( - 'undefined' != typeof window && window.addEventListener('click', Z), + 'undefined' != typeof window && window.addEventListener('click', J), function() { - window.removeEventListener('click', Z) + window.removeEventListener('click', J) } ) }), @@ -5208,100 +5212,101 @@ function DateRangeInput(e) { }, React__default.createElement( Wrapper$1, - {zIndex: V.dateRangeZIndex, rtl: T, position: 'relative', ref: Q}, + {zIndex: Z.dateRangeZIndex, rtl: _, position: 'relative', ref: X}, React__default.createElement( InputGrid, { 'data-testid': 'DateRangeInputGrid', - background: V.dateRangeBackground, - gridTemplateColumns: V.dateRangeGridTemplateColumns, - gridTemplateRows: V.dateRangeGridTemplateRows, - border: V.dateRangeBorder, - borderRadius: V.dateRangeBorderRadius, + background: Z.dateRangeBackground, + gridTemplateColumns: Z.dateRangeGridTemplateColumns, + gridTemplateRows: Z.dateRangeGridTemplateRows, + border: Z.dateRangeBorder, + borderRadius: Z.dateRangeBorderRadius, }, React__default.createElement(Input, { - id: A, - ariaLabel: I.startDateAriaLabel, - placeholder: I.startDatePlaceholder, - value: ue(t, E, ''), + id: N, + ariaLabel: H.startDateAriaLabel, + placeholder: H.startDatePlaceholder, + value: ue(t, F, ''), onClick: function() { return i(ce) }, - showCalendarIcon: M, - vertical: k, + showCalendarIcon: j, + vertical: x, isActive: l === ce, - padding: V.dateRangeStartDateInputPadding, - rtl: T, - onChange: J, - dateFormat: E, + padding: Z.dateRangeStartDateInputPadding, + rtl: _, + onChange: K, + dateFormat: F, }), React__default.createElement( Flex, {alignItems: 'center', justifyContent: 'center'}, React__default.createElement(InputArrowIcon, { - width: V.dateRangeArrowIconWidth, - height: V.dateRangeArrowIconHeight, - color: V.dateRangeArrowIconColor, - opacity: V.dateRangeArrowIconOpacity, - rtl: T, + width: Z.dateRangeArrowIconWidth, + height: Z.dateRangeArrowIconHeight, + color: Z.dateRangeArrowIconColor, + opacity: Z.dateRangeArrowIconOpacity, + rtl: _, }), ), React__default.createElement(Input, { - id: U, - ariaLabel: I.endDateAriaLabel, - placeholder: I.endDatePlaceholder, - value: ue(r, E, ''), + id: q, + ariaLabel: H.endDateAriaLabel, + placeholder: H.endDatePlaceholder, + value: ue(r, F, ''), onClick: function() { return i(t ? de : ce) }, - showCalendarIcon: L, - vertical: k, + showCalendarIcon: P, + vertical: x, isActive: l === de, - padding: V.dateRangeEndDateInputPadding, - rtl: T, + padding: Z.dateRangeEndDateInputPadding, + rtl: _, disableAccessibility: l === ce, - onChange: J, - dateFormat: E, + onChange: K, + dateFormat: F, }), ), React__default.createElement( Box, { - position: V.dateRangeDatepickerWrapperPosition, - bottom: V.dateRangeDatepickerWrapperBottom, - left: V.dateRangeDatepickerWrapperLeft, - top: V.dateRangeDatepickerWrapperTop, - right: V.dateRangeDatepickerWrapperRight, + position: Z.dateRangeDatepickerWrapperPosition, + bottom: Z.dateRangeDatepickerWrapperBottom, + left: Z.dateRangeDatepickerWrapperLeft, + top: Z.dateRangeDatepickerWrapperTop, + right: Z.dateRangeDatepickerWrapperRight, }, null !== l && React__default.createElement(Datepicker$1, { onClose: function() { - B(), i(null) + W(), i(null) }, startDate: t, endDate: r, - minBookingDate: a, - maxBookingDate: n, + minBookingDate: n, + maxBookingDate: a, firstDayOfWeek: o, numberOfMonths: s, focusedInput: l, - displayFormat: E, + displayFormat: F, onDatesChange: c, - minBookingDays: R, - isDateBlocked: C, + minBookingDays: O, + isDateBlocked: S, exactMinBookingDays: d, - showResetDates: v, - vertical: k, - showSelectedDates: b, - showClose: h, - rtl: T, + showResetDates: D, + vertical: x, + showSelectedDates: w, + showClose: y, + rtl: _, dayLabelFormat: u, weekdayLabelFormat: p, monthLabelFormat: g, onDayRender: f, - phrases: I, - unavailableDates: G, - ref: Y, + phrases: H, + unavailableDates: Y, + ref: Q, + initialVisibleMonth: m, }), ), ), @@ -5359,8 +5364,8 @@ function getPlacement$1(e, t) { function DateSingleInput(e) { var t = e.date, r = e.minBookingDate, - a = e.maxBookingDate, - n = e.firstDayOfWeek, + n = e.maxBookingDate, + a = e.firstDayOfWeek, o = e.onFocusChange, i = e.showDatepicker, s = e.onDateChange, @@ -5368,58 +5373,59 @@ function DateSingleInput(e) { c = e.weekdayLabelFormat, d = e.monthLabelFormat, u = e.onDayRender, - p = e.numberOfMonths, - g = void 0 === p ? 1 : p, - f = e.showClose, - m = void 0 === f || f, - h = e.showResetDate, - y = void 0 === h || h, - b = e.vertical, - w = void 0 !== b && b, - v = e.rtl, - D = void 0 !== v && v, - k = e.isDateBlocked, - x = - void 0 === k + p = e.initialVisibleMonth, + g = e.numberOfMonths, + f = void 0 === g ? 1 : g, + m = e.showClose, + h = void 0 === m || m, + y = e.showResetDate, + b = void 0 === y || y, + w = e.vertical, + v = void 0 !== w && w, + D = e.rtl, + k = void 0 !== D && D, + x = e.isDateBlocked, + T = + void 0 === x ? function() { return !1 } - : k, - T = e.onClose, - _ = void 0 === T ? function() {} : T, - C = e.showCalendarIcon, - S = void 0 === C || C, - R = e.displayFormat, - O = void 0 === R ? 'MM/dd/yyyy' : R, - B = e.phrases, - W = void 0 === B ? dateSingleInputPhrases : B, - M = e.placement, - j = void 0 === M ? 'bottom' : M, - L = e.inputId, - P = void 0 === L ? 'startDate' : L, - E = e.unavailableDates, - F = void 0 === E ? [] : E, - I = React.useRef(null), + : x, + _ = e.onClose, + C = void 0 === _ ? function() {} : _, + S = e.showCalendarIcon, + R = void 0 === S || S, + O = e.displayFormat, + B = void 0 === O ? 'MM/dd/yyyy' : O, + W = e.phrases, + M = void 0 === W ? dateSingleInputPhrases : W, + j = e.placement, + L = void 0 === j ? 'bottom' : j, + P = e.inputId, + E = void 0 === P ? 'startDate' : P, + F = e.unavailableDates, + I = void 0 === F ? [] : F, H = React.useRef(null), - $ = useThemeProps( + $ = React.useRef(null), + z = useThemeProps( __assign( { dateSingleZIndex: null, - dateSingleInputPadding: w ? (D ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', + dateSingleInputPadding: v ? (k ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', dateSingleDatepickerWrapperPosition: 'absolute', }, - getPlacement$1(j, D), + getPlacement$1(L, k), ), ) - function z(e) { - i && H && H.current && !H.current.contains(e.target) && o(!1) + function A(e) { + i && $ && $.current && !$.current.contains(e.target) && o(!1) } return ( React.useEffect(function() { return ( - 'undefined' != typeof window && window.addEventListener('click', z), + 'undefined' != typeof window && window.addEventListener('click', A), function() { - window.removeEventListener('click', z) + window.removeEventListener('click', A) } ) }), @@ -5432,67 +5438,68 @@ function DateSingleInput(e) { }, React__default.createElement( Wrapper$2, - {zIndex: $.dateSingleZIndex, rtl: D, position: 'relative', ref: H}, + {zIndex: z.dateSingleZIndex, rtl: k, position: 'relative', ref: $}, React__default.createElement(Input, { - id: P, - ariaLabel: W.dateAriaLabel, - placeholder: W.datePlaceholder, - value: ue(t, O, ''), + id: E, + ariaLabel: M.dateAriaLabel, + placeholder: M.datePlaceholder, + value: ue(t, B, ''), onClick: function() { return o(!0) }, - showCalendarIcon: S, - vertical: w, + showCalendarIcon: R, + vertical: v, isActive: !1, - padding: $.dateSingleInputPadding, - rtl: D, + padding: z.dateSingleInputPadding, + rtl: k, onChange: function(e) { - I && I.current && I.current.onDateSelect && I.current.onDateSelect(e) + H && H.current && H.current.onDateSelect && H.current.onDateSelect(e) }, - dateFormat: O, + dateFormat: B, }), React__default.createElement( Box, { - position: $.dateSingleDatepickerWrapperPosition, - bottom: $.dateSingleDatepickerWrapperBottom, - left: $.dateSingleDatepickerWrapperLeft, - top: $.dateSingleDatepickerWrapperTop, - right: $.dateSingleDatepickerWrapperRight, + position: z.dateSingleDatepickerWrapperPosition, + bottom: z.dateSingleDatepickerWrapperBottom, + left: z.dateSingleDatepickerWrapperLeft, + top: z.dateSingleDatepickerWrapperTop, + right: z.dateSingleDatepickerWrapperRight, }, i && React__default.createElement(Datepicker$1, { exactMinBookingDays: !0, minBookingDays: 1, onClose: function() { - _(), o(!1) + C(), o(!1) }, startDate: t, endDate: t, minBookingDate: r, - maxBookingDate: a, - firstDayOfWeek: n, - numberOfMonths: g, + maxBookingDate: n, + firstDayOfWeek: a, + numberOfMonths: f, focusedInput: i ? ce : null, - displayFormat: O, + displayFormat: B, onDatesChange: function(e) { var t = e.focusedInput, r = e.startDate s({showDatepicker: null !== t, date: r}) }, - isDateBlocked: x, - showResetDates: y, - vertical: w, + isDateBlocked: T, + showResetDates: b, + vertical: v, showSelectedDates: !1, - showClose: m, - rtl: D, + showClose: h, + rtl: k, dayLabelFormat: l, weekdayLabelFormat: c, monthLabelFormat: d, onDayRender: u, - phrases: W, - ref: I, - unavailableDates: F, + phrases: M, + ref: H, + unavailableDates: I, + initialVisibleMonth: p, }), ), ), diff --git a/packages/styled/lib/index.esm.js b/packages/styled/lib/index.esm.js index 04430d5..4740850 100644 --- a/packages/styled/lib/index.esm.js +++ b/packages/styled/lib/index.esm.js @@ -478,13 +478,13 @@ var B = { return r.replace('{{date}}', T(a, t)).replace('{{time}}', S(o, t)) }, }, - R = 6e4 -function M(e) { + M = 6e4 +function R(e) { var t = new Date(e.getTime()), r = Math.ceil(t.getTimezoneOffset()) t.setSeconds(0, 0) - var n = t.getTime() % R - return r * R + n + var n = t.getTime() % M + return r * M + n } var L = ['D', 'DD'], W = ['YY', 'YYYY'] @@ -2038,7 +2038,7 @@ var xe = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Te = /^'([^]*?)'?$/, Se = /''/g, Be = /[a-zA-Z]/ -function Re(e, t, r) { +function Me(e, t, r) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var n = String(t), @@ -2065,7 +2065,7 @@ function Re(e, t, r) { })(p) ) throw new RangeError('Invalid time value') - var g = x(p, M(p)), + var g = x(p, R(p)), f = {firstWeekContainsDate: d, weekStartsOn: u, locale: o, _originalDate: p} return n .match(Ce) @@ -2094,7 +2094,7 @@ function Re(e, t, r) { }) .join('') } -function Me(e, t) { +function Re(e, t) { if (arguments.length < 2) throw new TypeError('2 arguments required, but only ' + arguments.length + ' present') var r = k(e), @@ -2151,13 +2151,13 @@ function Fe(e, t) { return s.setDate(s.getDate() - c), s.setHours(0, 0, 0, 0), s } var He = function(e) { - return Re(e, 'dd') + return Me(e, 'dd') }, Pe = function(e) { - return Re(e, 'eeeeee') + return Me(e, 'eeeeee') }, Oe = function(e) { - return Re(e, 'MMMM yyyy') + return Me(e, 'MMMM yyyy') } function ze(e) { var t = e.year, @@ -2182,7 +2182,7 @@ function ze(e) { i = void 0 === o ? function(e) { - return Re(e, 'dd') + return Me(e, 'dd') } : o, s = new Date(t, r), @@ -2230,11 +2230,11 @@ function ze(e) { o = void 0 === a ? function(e) { - return Re(e, 'iiiiii') + return Me(e, 'iiiiii') } : a, i = new Date() - return Le({start: Me(Fe(i), n), end: Me(We(i), n)}).reduce(function(e, t) { + return Le({start: Re(Fe(i), n), end: Re(We(i), n)}).reduce(function(e, t) { return e.push(o(t)), e }, []) })({firstDayOfWeek: o, weekdayLabelFormat: c}) @@ -2346,7 +2346,7 @@ function Qe(e, t, r) { }, []) } function Ve(e, t, r) { - return e && 'string' == typeof t ? Re(e, t) : e && 'function' == typeof t ? t(e) : r + return e && 'string' == typeof t ? Me(e, t) : e && 'function' == typeof t ? t(e) : r } function Ze(e) { var t = e.startDate, @@ -2356,18 +2356,18 @@ function Ze(e) { o = e.exactMinBookingDays, i = e.minBookingDate, s = e.maxBookingDate, - d = !i || !Ie(t, Me(i, -1)), - c = !s || !Ue(Me(t, a - 1), s) + d = !i || !Ie(t, Re(i, -1)), + c = !s || !Ue(Re(t, a - 1), s) return !( (!t || 1 !== a || r || n(t)) && ((t && a > 1 && !r && !o) || (t && a > 0 && o && d && c) || (t && a > 0 && o && !i && !s) - ? Le({start: t, end: Me(t, a - 1)}).some(function(e) { + ? Le({start: t, end: Re(t, a - 1)}).some(function(e) { return n(e) }) : !t || !r || o || - Ie(r, Me(t, a - 1)) || + Ie(r, Re(t, a - 1)) || Le({start: t, end: r}).some(function(e) { return n(e) })) @@ -2382,49 +2382,50 @@ function _e(e) { i = e.minBookingDate, s = e.maxBookingDate, d = e.onDatesChange, - c = e.exactMinBookingDays, - l = void 0 !== c && c, - u = e.minBookingDays, - p = void 0 === u ? 1 : u, - g = e.numberOfMonths, - f = void 0 === g ? 2 : g, - h = e.firstDayOfWeek, - m = void 0 === h ? 1 : h, - y = e.isDateBlocked, - b = - void 0 === y + c = e.initialVisibleMonth, + l = e.exactMinBookingDays, + u = void 0 !== l && l, + p = e.minBookingDays, + g = void 0 === p ? 1 : p, + f = e.numberOfMonths, + h = void 0 === f ? 2 : f, + m = e.firstDayOfWeek, + y = void 0 === m ? 1 : m, + b = e.isDateBlocked, + w = + void 0 === b ? function() { return !1 } - : y, - w = e.unavailableDates, - v = void 0 === w ? [] : w, - D = t(function() { - return Xe(f, n) + : b, + v = e.unavailableDates, + D = void 0 === v ? [] : v, + k = t(function() { + return Xe(h, n || c || null) }), - k = D[0], - x = D[1], - C = t(null), - T = C[0], - S = C[1], - B = t(n), - R = B[0], - M = B[1] + x = k[0], + C = k[1], + T = t(null), + S = T[0], + B = T[1], + M = t(n), + R = M[0], + L = M[1] r(function() { return ( - 'undefined' != typeof window && window.addEventListener('keydown', F), + 'undefined' != typeof window && window.addEventListener('keydown', H), function() { - window.removeEventListener('keydown', F) + window.removeEventListener('keydown', H) } ) }) - var L = function(e) { - return Ge(v, e) || b(e) - }, - W = function(e) { - M(e), (!R || (R && !Ye(e, R))) && x(Xe(f, e)) + var W = function(e) { + return Ge(D, e) || w(e) }, E = function(e) { + L(e), (!R || (R && !Ye(e, R))) && C(Xe(h, e)) + }, + F = function(e) { return (function(e) { var t = e.date, r = e.minBookingDate, @@ -2442,7 +2443,7 @@ function _e(e) { Ge(l, t) || (u && Ie(t, u)) || (p && Ue(t, p)) || - (o && !i && d > 1 && qe(t, {start: o, end: Me(o, d - 2)})) || + (o && !i && d > 1 && qe(t, {start: o, end: Re(o, d - 2)})) || (a && a(t)) ) })({ @@ -2451,11 +2452,11 @@ function _e(e) { maxBookingDate: s, startDate: n, endDate: a, - minBookingDays: p, - isDateBlockedFn: L, + minBookingDays: g, + isDateBlockedFn: W, }) } - function F(e) { + function H(e) { if ( ('ArrowRight' === e.key || 'ArrowLeft' === e.key || @@ -2463,13 +2464,13 @@ function _e(e) { 'ArrowUp' === e.key) && !R ) { - var t = k[0] - W(t.date), x(Xe(f, t.date)) + var t = x[0] + E(t.date), C(Xe(h, t.date)) } } return { - firstDayOfWeek: m, - activeMonths: k, + firstDayOfWeek: y, + activeMonths: x, isDateSelected: function(e) { return (function(e, t, r) { return !(!t || !r) && qe(e, {start: t, end: r}) @@ -2483,12 +2484,12 @@ function _e(e) { a = e.isDateBlocked, o = e.hoveredDate, i = e.minBookingDays - return o && i > 1 && e.exactMinBookingDays && qe(t, {start: o, end: Me(o, i - 1)}) - ? !Le({start: o, end: Me(o, i - 1)}).some(function(e) { + return o && i > 1 && e.exactMinBookingDays && qe(t, {start: o, end: Re(o, i - 1)}) + ? !Le({start: o, end: Re(o, i - 1)}).some(function(e) { return a(e) }) - : r && !n && o && qe(t, {start: r, end: Me(r, i - 1)}) && Ye(r, o) && i > 1 - ? !Le({start: r, end: Me(r, i - 1)}).some(function(e) { + : r && !n && o && qe(t, {start: r, end: Re(r, i - 1)}) && Ye(r, o) && i > 1 + ? !Le({start: r, end: Re(r, i - 1)}).some(function(e) { return a(e) }) : !( @@ -2503,12 +2504,12 @@ function _e(e) { ) })({ date: e, - hoveredDate: T, + hoveredDate: S, startDate: n, endDate: a, - minBookingDays: p, - exactMinBookingDays: l, - isDateBlocked: L, + minBookingDays: g, + exactMinBookingDays: u, + isDateBlocked: W, }) }, isFirstOrLastSelectedDate: function(e) { @@ -2516,75 +2517,75 @@ function _e(e) { return !!((t && Ye(e, t)) || (r && Ye(e, r))) })(e, n, a) }, - isDateBlocked: E, - numberOfMonths: f, + isDateBlocked: F, + numberOfMonths: h, isDateFocused: function(e) { return !!R && Ye(e, R) }, focusedDate: R, - hoveredDate: T, + hoveredDate: S, onResetDates: function() { d({startDate: null, endDate: null, focusedInput: Ke}) }, onDateHover: function(e) { if (e) { if (e) { - var t = !E(e) || (n && Ye(e, n)), - r = !i || !Ie(e, Me(i, -1)), + var t = !F(e) || (n && Ye(e, n)), + r = !i || !Ie(e, Re(i, -1)), o = !s || !Ue(e, s), - d = Me(e, p - 1), + d = Re(e, g - 1), c = !i || !Ie(d, i), - u = !s || !Ue(d, s), - g = l && p > 1 && r && o && c && u, - f = n && !a && !l && r && o, - h = !(p > 1 && n) || qe(e, {start: n, end: Me(n, p - 2)}), + l = !s || !Ue(d, s), + p = u && g > 1 && r && o && c && l, + f = n && !a && !u && r && o, + h = !(g > 1 && n) || qe(e, {start: n, end: Re(n, g - 2)}), m = n && Ye(e, n) && h - t && (g || f || m) ? S(e) : null !== T && S(null) + t && (p || f || m) ? B(e) : null !== S && B(null) } - } else S(null) + } else B(null) }, onDateSelect: function(e) { ;(o === Je || o === Ke) && - p > 0 && - l && + g > 0 && + u && Ze({ - minBookingDays: p, - exactMinBookingDays: l, + minBookingDays: g, + exactMinBookingDays: u, minBookingDate: i, maxBookingDate: s, - isDateBlocked: L, + isDateBlocked: W, startDate: e, endDate: null, }) - ? d({startDate: e, endDate: Me(e, p - 1), focusedInput: null}) + ? d({startDate: e, endDate: Re(e, g - 1), focusedInput: null}) : ((o === Je && n && Ie(e, n)) || (o === Ke && a && Ue(e, a))) && - !l && - Ze({minBookingDays: p, isDateBlocked: L, startDate: e, endDate: null}) + !u && + Ze({minBookingDays: g, isDateBlocked: W, startDate: e, endDate: null}) ? d({endDate: null, startDate: e, focusedInput: Je}) - : o === Ke && !l && Ze({minBookingDays: p, isDateBlocked: L, endDate: a, startDate: e}) + : o === Ke && !u && Ze({minBookingDays: g, isDateBlocked: W, endDate: a, startDate: e}) ? d({endDate: a, startDate: e, focusedInput: Je}) - : o === Ke && !l && Ze({minBookingDays: p, isDateBlocked: L, endDate: null, startDate: e}) + : o === Ke && !u && Ze({minBookingDays: g, isDateBlocked: W, endDate: null, startDate: e}) ? d({endDate: null, startDate: e, focusedInput: Je}) : o === Je && n && !Ie(e, n) && - !l && - Ze({minBookingDays: p, isDateBlocked: L, startDate: n, endDate: e}) && + !u && + Ze({minBookingDays: g, isDateBlocked: W, startDate: n, endDate: e}) && d({startDate: n, endDate: e, focusedInput: null}), - o === Je || (R && (!R || Ye(e, R))) || x(Xe(f, e)) + o === Je || (R && (!R || Ye(e, R))) || C(Xe(h, e)) }, - onDateFocus: W, + onDateFocus: E, goToPreviousMonths: function() { - x(Qe(k, f, -1)), M(null) + C(Qe(x, h, -1)), L(null) }, goToNextMonths: function() { - x(Qe(k, f, 1)), M(null) + C(Qe(x, h, 1)), L(null) }, goToPreviousYear: function(e) { - void 0 === e && (e = 1), x(Qe(k, f, -(12 * e - f + 1))), M(null) + void 0 === e && (e = 1), C(Qe(x, h, -(12 * e - h + 1))), L(null) }, goToNextYear: function(e) { - void 0 === e && (e = 1), x(Qe(k, f, 12 * e - f + 1)), M(null) + void 0 === e && (e = 1), C(Qe(x, h, 12 * e - h + 1)), L(null) }, } } @@ -2914,14 +2915,14 @@ var wt, (St.bgPosition = St.backgroundPosition), (St.bgRepeat = St.backgroundRepeat) var Bt = ht(St), - Rt = {space: [0, 4, 8, 16, 32, 64, 128, 256, 512]}, - Mt = ht({ + Mt = {space: [0, 4, 8, 16, 32, 64, 128, 256, 512]}, + Rt = ht({ position: !0, zIndex: {property: 'zIndex', scale: 'zIndices'}, - top: {property: 'top', scale: 'space', defaultScale: Rt.space}, - right: {property: 'right', scale: 'space', defaultScale: Rt.space}, - bottom: {property: 'bottom', scale: 'space', defaultScale: Rt.space}, - left: {property: 'left', scale: 'space', defaultScale: Rt.space}, + top: {property: 'top', scale: 'space', defaultScale: Mt.space}, + right: {property: 'right', scale: 'space', defaultScale: Mt.space}, + bottom: {property: 'bottom', scale: 'space', defaultScale: Mt.space}, + left: {property: 'left', scale: 'space', defaultScale: Mt.space}, }), Lt = {space: [0, 4, 8, 16, 32, 64, 128, 256, 512]}, Wt = function(e) { @@ -3225,12 +3226,12 @@ var It, vr = Ct.gridTemplateAreas, Dr = Ct.gridArea, kr = Tt.borderRadius, - xr = Mt.zIndex, - Cr = Mt.top, - Tr = Mt.right, - Sr = Mt.bottom, - Br = Mt.left, - Rr = function(e) { + xr = Rt.zIndex, + Cr = Rt.top, + Tr = Rt.right, + Sr = Rt.bottom, + Br = Rt.left, + Mr = function(e) { var t = e.prop, r = e.cssProperty, n = e.alias, @@ -3245,7 +3246,7 @@ var It, ut(d) ) }, - Mr = { + Rr = { datepickerStartDatePlaceholder: 'Select', datepickerStartDateLabel: 'Start date:', datepickerEndDatePlaceholder: 'Select', @@ -3253,14 +3254,14 @@ var It, resetDates: 'Reset dates', close: 'Close', }, - Lr = $e($e({}, Mr), { + Lr = $e($e({}, Rr), { startDateAriaLabel: 'Start date', endDateAriaLabel: 'End date', startDatePlaceholder: 'Start date', endDatePlaceholder: 'End date', }), - Wr = $e($e({}, Mr), {dateAriaLabel: 'Select date', datePlaceholder: 'Select date'}), - Er = Rr({ + Wr = $e($e({}, Rr), {dateAriaLabel: 'Select date', datePlaceholder: 'Select date'}), + Er = Mr({ prop: 'daySizeGridTemplateColumns', cssProperty: 'gridTemplateColumns', key: 'gridTemplateColumns', @@ -3281,7 +3282,7 @@ var It, Ut || (Ut = et(['\n display: flex;\n ', '\n'], ['\n display: flex;\n ', '\n'])), Pr, ), - zr = mt(Dr, _t, Pt, Jt, Mt, Cr, Br, Tr, Sr, xr), + zr = mt(Dr, _t, Pt, Jt, Rt, Cr, Br, Tr, Sr, xr), Ir = d('div')( qt || (qt = et( @@ -3361,11 +3362,11 @@ function Yr(e, t, r) { var Ar, Gr, jr, - Xr = Rr({prop: 'placeholderColor', cssProperty: 'color'}), - Qr = Rr({prop: 'placeholderFontWeight', cssProperty: 'fontWeight'}), - Vr = mt(Mt, Tt, Bt, er, kr, Pt), + Xr = Mr({prop: 'placeholderColor', cssProperty: 'color'}), + Qr = Mr({prop: 'placeholderFontWeight', cssProperty: 'fontWeight'}), + Vr = mt(Rt, Tt, Bt, er, kr, Pt), Zr = d('label')(Ar || (Ar = et(['\n ', '\n'], ['\n ', '\n'])), Vr), - Kr = mt(Mt, Br, Tr, Cr, _t, Jt), + Kr = mt(Rt, Br, Tr, Cr, _t, Jt), Jr = d('div')( Gr || (Gr = et( @@ -3423,7 +3424,7 @@ function en(n) { w = n.onChange, T = void 0 === w ? function() {} : w, S = t(g), - R = S[0], + M = S[0], L = S[1], W = i(null) r( @@ -3507,7 +3508,7 @@ function en(n) { id: s, placeholder: a, 'aria-label': u, - value: R, + value: M, autoComplete: 'off', onChange: function(e) { var t = e.target.value @@ -3555,11 +3556,11 @@ function en(n) { var T = w[0], S = ce[T] if (S) { - var R = S.incompatibleTokens - if (Array.isArray(R)) { + var M = S.incompatibleTokens + if (Array.isArray(M)) { for (var L = void 0, W = 0; W < b.length; W++) { var P = b[W].token - if (-1 !== R.indexOf(P) || P === T) { + if (-1 !== M.indexOf(P) || P === T) { L = b[W] break } @@ -3624,7 +3625,7 @@ function en(n) { }), I = k(r) if (isNaN(I)) return new Date(NaN) - var U = x(I, M(I)), + var U = x(I, R(I)), q = {} for (f = 0; f < z.length; f++) { var N = z[f] @@ -3834,7 +3835,7 @@ var ln, onDayRender: void 0, }, bn = e.createContext(yn), - wn = Rr({ + wn = Mr({ prop: 'dayHeight', cssProperty: 'height', key: 'dayHeight', @@ -3843,7 +3844,7 @@ var ln, }, scale: [0, 4, 8, 16, 32], }), - vn = Rr({ + vn = Mr({ prop: 'dayWidth', cssProperty: 'width', key: 'dayWidth', @@ -3852,7 +3853,7 @@ var ln, }, scale: [0, 4, 8, 16, 32], }), - Dn = Rr({ + Dn = Mr({ prop: 'dayHoverColor', cssProperty: 'color', key: 'dayHoverColor', @@ -3861,7 +3862,7 @@ var ln, }, scale: [0, 4, 8, 16, 32], }), - kn = Rr({ + kn = Mr({ prop: 'daySelectedHoverColor', cssProperty: 'color', key: 'daySelectedHoverColor', @@ -3870,7 +3871,7 @@ var ln, }, scale: [0, 4, 8, 16, 32], }), - xn = Rr({ + xn = Mr({ prop: 'dayHoverBackground', cssProperty: 'background', key: 'dayHoverBackground', @@ -3879,7 +3880,7 @@ var ln, }, scale: [0, 4, 8, 16, 32], }), - Cn = Rr({ + Cn = Mr({ prop: 'daySelectedHoverBackground', cssProperty: 'background', key: 'daySelectedHoverBackground', @@ -3975,7 +3976,7 @@ function Bn(e, t, r, n) { s = n.rangeHover return t ? a : e ? i : r ? s : o } -function Rn(t) { +function Mn(t) { var s = t.day, d = t.date, l = i(null), @@ -4029,12 +4030,12 @@ function Rn(t) { disabledDate: m, onKeyDown: function(e) { 'ArrowRight' === e.key - ? u(Me(t, 1)) + ? u(Re(t, 1)) : 'ArrowLeft' === e.key - ? u(Me(t, -1)) + ? u(Re(t, -1)) : 'ArrowUp' === e.key - ? u(Me(t, -7)) - : 'ArrowDown' === e.key && u(Me(t, 7)) + ? u(Re(t, -7)) + : 'ArrowDown' === e.key && u(Re(t, 7)) }, onClick: m ? function() {} : f, onMouseEnter: h, @@ -4057,8 +4058,8 @@ function Rn(t) { T = Yr('mud', Nr.colors.mud, x), S = Yr('primaryColor', Nr.colors.primaryColor, x), B = Yr('accessibility', Nr.colors.accessibility, x), - R = Yr('selectedDay', Nr.colors.selectedDay, x), - M = Yr('selectedDayHover', Nr.colors.selectedDayHover, x), + M = Yr('selectedDay', Nr.colors.selectedDay, x), + R = Yr('selectedDayHover', Nr.colors.selectedDayHover, x), L = Yr('normalDayHover', Nr.colors.normalDayHover, x), W = qr({ fontFamily: Nr.fontFamily, @@ -4073,13 +4074,13 @@ function Rn(t) { daySelectedFirstOrLastColor: C, dayBackground: C, dayHoverBackground: L, - daySelectedBackground: R, - daySelectedHoverBackground: M, - dayHoverRangeBackground: R, + daySelectedBackground: M, + daySelectedHoverBackground: R, + dayHoverRangeBackground: M, daySelectedFirstOrLastBackground: S, dayBorderColor: L, - daySelectedBorderColor: R, - dayHoverRangeBorderColor: R, + daySelectedBorderColor: M, + dayHoverRangeBorderColor: M, daySelectedFirstOrLastBorderColor: S, dayAccessibilityBorderColor: B, }), @@ -4157,11 +4158,11 @@ function Rn(t) { ), ) } -var Mn, +var Rn, Ln, Wn = u( - Mn || - (Mn = et( + Rn || + (Rn = et( ['\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n'], ['\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n'], )), @@ -4220,7 +4221,7 @@ var Mn, {daySizeGridTemplateColumns: c.daySize}, i.map(function(t, r) { return 'object' == typeof t - ? e.createElement(Rn, {date: t.date, key: t.dayLabel, day: t.dayLabel}) + ? e.createElement(Mn, {date: t.date, key: t.dayLabel, day: t.dayLabel}) : e.createElement('div', {key: r}) }), ), @@ -4532,7 +4533,7 @@ var ta = u( ['\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n'], )), ), - ra = mt(Bt, Pt, kr, Mt, Ot, Jt, xr), + ra = mt(Bt, Pt, kr, Rt, Ot, Jt, xr), na = d('div')( ua || (ua = et( @@ -4595,121 +4596,123 @@ var ca, h = t.weekdayLabelFormat, m = t.monthLabelFormat, y = t.onDayRender, - b = t.vertical, - w = void 0 !== b && b, - v = t.rtl, - D = void 0 !== v && v, - k = t.showResetDates, - x = void 0 === k || k, - C = t.showClose, - T = void 0 === C || C, - S = t.showSelectedDates, - B = void 0 === S || S, + b = t.initialVisibleMonth, + w = t.vertical, + v = void 0 !== w && w, + D = t.rtl, + k = void 0 !== D && D, + x = t.showResetDates, + C = void 0 === x || x, + T = t.showClose, + S = void 0 === T || T, + B = t.showSelectedDates, + M = void 0 === B || B, R = t.exactMinBookingDays, - M = void 0 !== R && R, - L = t.isDateBlocked, - W = - void 0 === L + L = void 0 !== R && R, + W = t.isDateBlocked, + E = + void 0 === W ? function() { return !1 } - : L, - E = t.minBookingDays, - F = void 0 === E ? 1 : E, - H = t.onClose, - P = void 0 === H ? function() {} : H, - O = t.numberOfMonths, - z = t.firstDayOfWeek, - I = t.displayFormat, - U = void 0 === I ? 'MM/dd/yyyy' : I, - q = t.phrases, - N = void 0 === q ? Mr : q, - Y = t.unavailableDates, - A = _e({ + : W, + F = t.minBookingDays, + H = void 0 === F ? 1 : F, + P = t.onClose, + O = void 0 === P ? function() {} : P, + z = t.numberOfMonths, + I = t.firstDayOfWeek, + U = t.displayFormat, + q = void 0 === U ? 'MM/dd/yyyy' : U, + N = t.phrases, + Y = void 0 === N ? Rr : N, + A = t.unavailableDates, + G = _e({ startDate: n, endDate: a, focusedInput: u, onDatesChange: g, minBookingDate: d, maxBookingDate: l, - minBookingDays: F, - isDateBlocked: W, - exactMinBookingDays: M, - unavailableDates: void 0 === Y ? [] : Y, - numberOfMonths: O, - firstDayOfWeek: z, + minBookingDays: H, + isDateBlocked: E, + exactMinBookingDays: L, + unavailableDates: void 0 === A ? [] : A, + initialVisibleMonth: b, + numberOfMonths: z, + firstDayOfWeek: I, }), - G = A.activeMonths, - j = A.isDateSelected, - X = A.isFirstOrLastSelectedDate, - Q = A.isDateHovered, - V = A.firstDayOfWeek, - Z = A.onDateSelect, - K = A.onResetDates, - J = A.goToPreviousMonths, - _ = A.goToNextMonths, - $ = A.numberOfMonths, - ee = A.hoveredDate, - te = A.onDateHover, - re = A.isDateFocused, - ne = A.focusedDate, - ae = A.onDateFocus, - oe = A.isDateBlocked + j = G.activeMonths, + X = G.isDateSelected, + Q = G.isFirstOrLastSelectedDate, + V = G.isDateHovered, + Z = G.firstDayOfWeek, + K = G.onDateSelect, + J = G.onResetDates, + _ = G.goToPreviousMonths, + $ = G.goToNextMonths, + ee = G.numberOfMonths, + te = G.hoveredDate, + re = G.onDateHover, + ne = G.isDateFocused, + ae = G.focusedDate, + oe = G.onDateFocus, + ie = G.isDateBlocked s(r, function() { return { onDateSelect: function(e) { - Z(e) + K(e) }, } }) - var ie = i(null), - se = o(c), - de = qr({ + var se = i(null), + de = o(c), + ce = qr({ datepickerZIndex: null, datepickerBackground: '#ffffff', - datepickerPadding: w ? '16px 16px 0' : '32px', + datepickerPadding: v ? '16px 16px 0' : '32px', datepickerBorderRadius: '2px', datepickerPosition: 'relative', datepickerWidth: 'fit-content', - datepickerCloseWrapperPosition: w ? 'relative' : 'absolute', - datepickerCloseWrapperDisplay: w ? 'flex' : 'block', - datepickerCloseWrapperJustifyContent: w ? 'flex-end' : 'initial', - datepickerCloseWrapperMargin: w ? '0 0 16px' : '0', - datepickerCloseWrapperRight: D ? 'unset' : w ? '0' : '32px', + datepickerCloseWrapperPosition: v ? 'relative' : 'absolute', + datepickerCloseWrapperDisplay: v ? 'flex' : 'block', + datepickerCloseWrapperJustifyContent: v ? 'flex-end' : 'initial', + datepickerCloseWrapperMargin: v ? '0 0 16px' : '0', + datepickerCloseWrapperRight: k ? 'unset' : v ? '0' : '32px', datepickerCloseWrapperTop: 'unset', - datepickerCloseWrapperLeft: D ? '32px' : 'unset', + datepickerCloseWrapperLeft: k ? '32px' : 'unset', datepickerCloseWrapperBottom: 'unset', datepickerCloseWrapperZIndex: 1, - datepickerSelectDateGridTemplateColumns: w ? '87px 50px 87px' : '126px 75px 126px', + datepickerSelectDateGridTemplateColumns: v ? '87px 50px 87px' : '126px 75px 126px', datepickerSelectDateGridTemplateRows: 'unset', datepickerSelectDateArrowIconWidth: '15px', datepickerSelectDateArrowIconHeight: '12px', - datepickerSelectDateArrowIconColor: Yr('silverCloud', Nr.colors.silverCloud, se), - datepickerMonthsWrapperMargin: T || B ? (B ? '28px 0 0' : '48px 0 0') : 'unset', - datepickerPreviousMonthButtonPosition: w ? 'relative' : 'absolute', - datepickerPreviousMonthButtonTop: w ? 'unset' : '-5px', - datepickerPreviousMonthButtonLeft: w ? 'unset' : '0', + datepickerSelectDateArrowIconColor: Yr('silverCloud', Nr.colors.silverCloud, de), + datepickerMonthsWrapperMargin: S || M ? (M ? '28px 0 0' : '48px 0 0') : 'unset', + datepickerPreviousMonthButtonPosition: v ? 'relative' : 'absolute', + datepickerPreviousMonthButtonTop: v ? 'unset' : '-5px', + datepickerPreviousMonthButtonLeft: v ? 'unset' : '0', datepickerPreviousMonthButtonRight: 'unset', datepickerPreviousMonthButtonBottom: 'unset', - datepickerNextMonthButtonPosition: w ? 'relative' : 'absolute', - datepickerNextMonthButtonTop: w ? 'unset' : '-5px', + datepickerNextMonthButtonPosition: v ? 'relative' : 'absolute', + datepickerNextMonthButtonTop: v ? 'unset' : '-5px', datepickerNextMonthButtonLeft: 'unset', - datepickerNextMonthButtonRight: w ? 'unset' : '0', + datepickerNextMonthButtonRight: v ? 'unset' : '0', datepickerNextMonthButtonBottom: 'unset', - datepickerMonthsGridGap: w ? '32px' : '0 32px', + datepickerMonthsGridGap: v ? '32px' : '0 32px', datepickerMonthsGridOverflow: 'auto', - datepickerMonthsGridHeight: w ? '50vh' : '100%', - datepickerResetDatesWrapperMargin: w ? 'unset' : '32px 0 0', + datepickerMonthsGridHeight: v ? '50vh' : '100%', + datepickerResetDatesWrapperMargin: v ? 'unset' : '32px 0 0', datepickerBoxShadow: 'rgba(0, 0, 0, 0.05) 0px 2px 6px, rgba(0, 0, 0, 0.07) 0px 0px 0px 1px', }) - function ce() { - ie && ie.current && w && (ie.current.scrollTop = 0) - } function le() { - _(), ce() + se && se.current && v && (se.current.scrollTop = 0) } function ue() { - J(), ce() + $(), le() + } + function pe() { + _(), le() } return e.createElement( p, @@ -4722,48 +4725,48 @@ var ca, bn.Provider, { value: { - rtl: D, - isDateFocused: re, - isDateSelected: j, - isDateHovered: Q, - isFirstOrLastSelectedDate: X, - onDateFocus: ae, - focusedDate: ne, - onDateSelect: Z, - onDateHover: te, + rtl: k, + isDateFocused: ne, + isDateSelected: X, + isDateHovered: V, + isFirstOrLastSelectedDate: Q, + onDateFocus: oe, + focusedDate: ae, + onDateSelect: K, + onDateHover: re, onDayRender: y, - isDateBlocked: oe, + isDateBlocked: ie, }, }, e.createElement( na, { - background: de.datepickerBackground, - p: de.datepickerPadding, - borderRadius: de.datepickerBorderRadius, - position: de.datepickerPosition, - boxShadow: de.datepickerBoxShadow, - width: de.datepickerWidth, - zIndex: de.datepickerZIndex, - rtl: D, + background: ce.datepickerBackground, + p: ce.datepickerPadding, + borderRadius: ce.datepickerBorderRadius, + position: ce.datepickerPosition, + boxShadow: ce.datepickerBoxShadow, + width: ce.datepickerWidth, + zIndex: ce.datepickerZIndex, + rtl: k, }, - T && + S && e.createElement( ia, { - m: de.datepickerCloseWrapperMargin, - display: de.datepickerCloseWrapperDisplay, - justifyContent: de.datepickerCloseWrapperJustifyContent, - position: de.datepickerCloseWrapperPosition, - right: de.datepickerCloseWrapperRight, - top: de.datepickerCloseWrapperTop, - left: de.datepickerCloseWrapperLeft, - bottom: de.datepickerCloseWrapperBottom, - zIndex: de.datepickerCloseWrapperZIndex, + m: ce.datepickerCloseWrapperMargin, + display: ce.datepickerCloseWrapperDisplay, + justifyContent: ce.datepickerCloseWrapperJustifyContent, + position: ce.datepickerCloseWrapperPosition, + right: ce.datepickerCloseWrapperRight, + top: ce.datepickerCloseWrapperTop, + left: ce.datepickerCloseWrapperLeft, + bottom: ce.datepickerCloseWrapperBottom, + zIndex: ce.datepickerCloseWrapperZIndex, }, - e.createElement(ea, {onClick: P, rtl: D, closeText: N.close}), + e.createElement(ea, {onClick: O, rtl: k, closeText: Y.close}), ), - B && + M && e.createElement( aa, null, @@ -4771,29 +4774,29 @@ var ca, Hr, { 'data-testid': 'SelectedDatesGrid', - gridTemplateColumns: de.datepickerSelectDateGridTemplateColumns, - gridTemplateRows: de.datepickerSelectDateGridTemplateRows, + gridTemplateColumns: ce.datepickerSelectDateGridTemplateColumns, + gridTemplateRows: ce.datepickerSelectDateGridTemplateRows, }, e.createElement(cn, { - title: N.datepickerStartDateLabel, - date: Ve(n, U, N.datepickerStartDatePlaceholder), + title: Y.datepickerStartDateLabel, + date: Ve(n, q, Y.datepickerStartDatePlaceholder), isActive: u === Ke, - vertical: w, + vertical: v, }), e.createElement( Or, {justifyContent: 'center', alignItems: 'center'}, e.createElement(tn, { - height: de.datepickerSelectDateArrowIconHeight, - width: de.datepickerSelectDateArrowIconWidth, - iconColor: de.datepickerSelectDateArrowIconColor, + height: ce.datepickerSelectDateArrowIconHeight, + width: ce.datepickerSelectDateArrowIconWidth, + iconColor: ce.datepickerSelectDateArrowIconColor, }), ), e.createElement(cn, { - title: N.datepickerEndDateLabel, - date: Ve(a, U, N.datepickerEndDatePlaceholder), + title: Y.datepickerEndDateLabel, + date: Ve(a, q, Y.datepickerEndDatePlaceholder), isActive: u === Je, - vertical: w, + vertical: v, }), ), ), @@ -4802,27 +4805,27 @@ var ca, {position: 'relative'}, e.createElement( Ir, - {m: de.datepickerMonthsWrapperMargin}, + {m: ce.datepickerMonthsWrapperMargin}, e.createElement( da, { 'data-testid': 'MonthGrid', - overflow: de.datepickerMonthsGridOverflow, - height: de.datepickerMonthsGridHeight, - gridTemplateColumns: w ? '1fr' : 'repeat(' + $ + ', 1fr)', - gridGap: de.datepickerMonthsGridGap, - pr: D ? '1px' : '0', - ref: ie, + overflow: ce.datepickerMonthsGridOverflow, + height: ce.datepickerMonthsGridHeight, + gridTemplateColumns: v ? '1fr' : 'repeat(' + ee + ', 1fr)', + gridGap: ce.datepickerMonthsGridGap, + pr: k ? '1px' : '0', + ref: se, onMouseLeave: function() { - ee && te(null) + te && re(null) }, }, - G.map(function(t) { + j.map(function(t) { return e.createElement(Fn, { key: 'month-' + t.year + '-' + t.month, year: t.year, month: t.month, - firstDayOfWeek: V, + firstDayOfWeek: Z, dayLabelFormat: f || He, weekdayLabelFormat: h || Pe, monthLabelFormat: m || Oe, @@ -4836,43 +4839,43 @@ var ca, e.createElement( e.Fragment, null, - x && + C && e.createElement( Or, - {flex: '1', m: de.datepickerResetDatesWrapperMargin}, - e.createElement(Un, {rtl: D, onResetDates: K, text: N.resetDates}), + {flex: '1', m: ce.datepickerResetDatesWrapperMargin}, + e.createElement(Un, {rtl: k, onResetDates: J, text: Y.resetDates}), ), e.createElement( Ir, { - position: de.datepickerPreviousMonthButtonPosition, - top: de.datepickerPreviousMonthButtonTop, - left: de.datepickerPreviousMonthButtonLeft, - right: de.datepickerPreviousMonthButtonRight, - bottom: de.datepickerPreviousMonthButtonBottom, + position: ce.datepickerPreviousMonthButtonPosition, + top: ce.datepickerPreviousMonthButtonTop, + left: ce.datepickerPreviousMonthButtonLeft, + right: ce.datepickerPreviousMonthButtonRight, + bottom: ce.datepickerPreviousMonthButtonBottom, }, e.createElement(Qn, { type: 'prev', - onClick: D && !w ? le : ue, - vertical: w, - rtl: D, + onClick: k && !v ? ue : pe, + vertical: v, + rtl: k, ariaLabel: 'Previous month', }), ), e.createElement( Ir, { - position: de.datepickerNextMonthButtonPosition, - top: de.datepickerNextMonthButtonTop, - left: de.datepickerNextMonthButtonLeft, - right: de.datepickerNextMonthButtonRight, - bottom: de.datepickerNextMonthButtonBottom, + position: ce.datepickerNextMonthButtonPosition, + top: ce.datepickerNextMonthButtonTop, + left: ce.datepickerNextMonthButtonLeft, + right: ce.datepickerNextMonthButtonRight, + bottom: ce.datepickerNextMonthButtonBottom, }, e.createElement(Qn, { type: 'next', - onClick: D && !w ? ue : le, - vertical: w, - rtl: D, + onClick: k && !v ? pe : ue, + vertical: v, + rtl: k, ariaLabel: 'Next month', }), ), @@ -4919,47 +4922,48 @@ function Sa(t) { b = t.weekdayLabelFormat, w = t.monthLabelFormat, v = t.onDayRender, - D = t.showClose, - k = void 0 === D || D, - x = t.showSelectedDates, - C = void 0 === x || x, - T = t.showResetDates, - S = void 0 === T || T, - B = t.vertical, - R = void 0 !== B && B, - M = t.rtl, - L = void 0 !== M && M, - W = t.isDateBlocked, - E = - void 0 === W + D = t.initialVisibleMonth, + k = t.showClose, + x = void 0 === k || k, + C = t.showSelectedDates, + T = void 0 === C || C, + S = t.showResetDates, + B = void 0 === S || S, + M = t.vertical, + R = void 0 !== M && M, + L = t.rtl, + W = void 0 !== L && L, + E = t.isDateBlocked, + F = + void 0 === E ? function() { return !1 } - : W, - F = t.minBookingDays, - H = void 0 === F ? 1 : F, - P = t.onClose, - O = void 0 === P ? function() {} : P, - z = t.showStartDateCalendarIcon, - I = void 0 === z || z, - U = t.showEndDateCalendarIcon, - q = void 0 === U || U, - N = t.displayFormat, - Y = void 0 === N ? 'MM/dd/yyyy' : N, - A = t.phrases, - G = void 0 === A ? Lr : A, - j = t.placement, - X = void 0 === j ? 'bottom' : j, - Q = t.startDateInputId, - V = void 0 === Q ? 'startDate' : Q, - Z = t.endDateInputId, - K = void 0 === Z ? 'endDate' : Z, - J = t.unavailableDates, - _ = void 0 === J ? [] : J, - $ = i(null), + : E, + H = t.minBookingDays, + P = void 0 === H ? 1 : H, + O = t.onClose, + z = void 0 === O ? function() {} : O, + I = t.showStartDateCalendarIcon, + U = void 0 === I || I, + q = t.showEndDateCalendarIcon, + N = void 0 === q || q, + Y = t.displayFormat, + A = void 0 === Y ? 'MM/dd/yyyy' : Y, + G = t.phrases, + j = void 0 === G ? Lr : G, + X = t.placement, + Q = void 0 === X ? 'bottom' : X, + V = t.startDateInputId, + Z = void 0 === V ? 'startDate' : V, + K = t.endDateInputId, + J = void 0 === K ? 'endDate' : K, + _ = t.unavailableDates, + $ = void 0 === _ ? [] : _, ee = i(null), - te = o(c), - re = qr( + te = i(null), + re = o(c), + ne = qr( $e( { dateRangeZIndex: null, @@ -4970,10 +4974,10 @@ function Sa(t) { dateRangeBorderRadius: '0', dateRangeArrowIconWidth: '15px', dateRangeArrowIconHeight: '12px', - dateRangeArrowIconColor: Yr('graci', Nr.colors.graci, te), + dateRangeArrowIconColor: Yr('graci', Nr.colors.graci, re), dateRangeArrowIconOpacity: 1, - dateRangeStartDateInputPadding: R ? (L ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', - dateRangeEndDateInputPadding: R ? (L ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', + dateRangeStartDateInputPadding: R ? (W ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', + dateRangeEndDateInputPadding: R ? (W ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', dateRangeDatepickerWrapperPosition: 'absolute', }, (function(e, t) { @@ -5004,21 +5008,21 @@ function Sa(t) { dateRangeDatepickerWrapperBottom: '65px', dateRangeDatepickerWrapperLeft: '0', } - })(X, L), + })(Q, W), ), ) - function ne(e) { - null !== f && ee && ee.current && !ee.current.contains(e.target) && u(null) - } function ae(e) { - $ && $.current && $.current.onDateSelect && $.current.onDateSelect(e) + null !== f && te && te.current && !te.current.contains(e.target) && u(null) + } + function oe(e) { + ee && ee.current && ee.current.onDateSelect && ee.current.onDateSelect(e) } return ( r(function() { return ( - 'undefined' != typeof window && window.addEventListener('click', ne), + 'undefined' != typeof window && window.addEventListener('click', ae), function() { - window.removeEventListener('click', ne) + window.removeEventListener('click', ae) } ) }), @@ -5031,75 +5035,75 @@ function Sa(t) { }, e.createElement( Da, - {zIndex: re.dateRangeZIndex, rtl: L, position: 'relative', ref: ee}, + {zIndex: ne.dateRangeZIndex, rtl: W, position: 'relative', ref: te}, e.createElement( Ta, { 'data-testid': 'DateRangeInputGrid', - background: re.dateRangeBackground, - gridTemplateColumns: re.dateRangeGridTemplateColumns, - gridTemplateRows: re.dateRangeGridTemplateRows, - border: re.dateRangeBorder, - borderRadius: re.dateRangeBorderRadius, + background: ne.dateRangeBackground, + gridTemplateColumns: ne.dateRangeGridTemplateColumns, + gridTemplateRows: ne.dateRangeGridTemplateRows, + border: ne.dateRangeBorder, + borderRadius: ne.dateRangeBorderRadius, }, e.createElement(en, { - id: V, - ariaLabel: G.startDateAriaLabel, - placeholder: G.startDatePlaceholder, - value: Ve(n, Y, ''), + id: Z, + ariaLabel: j.startDateAriaLabel, + placeholder: j.startDatePlaceholder, + value: Ve(n, A, ''), onClick: function() { return u(Ke) }, - showCalendarIcon: I, + showCalendarIcon: U, vertical: R, isActive: f === Ke, - padding: re.dateRangeStartDateInputPadding, - rtl: L, - onChange: ae, - dateFormat: Y, + padding: ne.dateRangeStartDateInputPadding, + rtl: W, + onChange: oe, + dateFormat: A, }), e.createElement( Or, {alignItems: 'center', justifyContent: 'center'}, e.createElement(xa, { - width: re.dateRangeArrowIconWidth, - height: re.dateRangeArrowIconHeight, - color: re.dateRangeArrowIconColor, - opacity: re.dateRangeArrowIconOpacity, - rtl: L, + width: ne.dateRangeArrowIconWidth, + height: ne.dateRangeArrowIconHeight, + color: ne.dateRangeArrowIconColor, + opacity: ne.dateRangeArrowIconOpacity, + rtl: W, }), ), e.createElement(en, { - id: K, - ariaLabel: G.endDateAriaLabel, - placeholder: G.endDatePlaceholder, - value: Ve(a, Y, ''), + id: J, + ariaLabel: j.endDateAriaLabel, + placeholder: j.endDatePlaceholder, + value: Ve(a, A, ''), onClick: function() { return u(n ? Je : Ke) }, - showCalendarIcon: q, + showCalendarIcon: N, vertical: R, isActive: f === Je, - padding: re.dateRangeEndDateInputPadding, - rtl: L, + padding: ne.dateRangeEndDateInputPadding, + rtl: W, disableAccessibility: f === Ke, - onChange: ae, - dateFormat: Y, + onChange: oe, + dateFormat: A, }), ), e.createElement( Ir, { - position: re.dateRangeDatepickerWrapperPosition, - bottom: re.dateRangeDatepickerWrapperBottom, - left: re.dateRangeDatepickerWrapperLeft, - top: re.dateRangeDatepickerWrapperTop, - right: re.dateRangeDatepickerWrapperRight, + position: ne.dateRangeDatepickerWrapperPosition, + bottom: ne.dateRangeDatepickerWrapperBottom, + left: ne.dateRangeDatepickerWrapperLeft, + top: ne.dateRangeDatepickerWrapperTop, + right: ne.dateRangeDatepickerWrapperRight, }, null !== f && e.createElement(va, { onClose: function() { - O(), u(null) + z(), u(null) }, startDate: n, endDate: a, @@ -5108,23 +5112,24 @@ function Sa(t) { firstDayOfWeek: l, numberOfMonths: g, focusedInput: f, - displayFormat: Y, + displayFormat: A, onDatesChange: h, - minBookingDays: H, - isDateBlocked: E, + minBookingDays: P, + isDateBlocked: F, exactMinBookingDays: m, - showResetDates: S, + showResetDates: B, vertical: R, - showSelectedDates: C, - showClose: k, - rtl: L, + showSelectedDates: T, + showClose: x, + rtl: W, dayLabelFormat: y, weekdayLabelFormat: b, monthLabelFormat: w, onDayRender: v, - phrases: G, - unavailableDates: _, - ref: $, + phrases: j, + unavailableDates: $, + ref: ee, + initialVisibleMonth: D, }), ), ), @@ -5132,8 +5137,8 @@ function Sa(t) { ) } var Ba, - Ra, - Ma = d(Ir)(Ra || (Ra = et(['\n ', '\n ', '\n'], ['\n ', '\n ', '\n'])), xr, function(e) { + Ma, + Ra = d(Ir)(Ma || (Ma = et(['\n ', '\n ', '\n'], ['\n ', '\n ', '\n'])), xr, function(e) { return ( e.rtl && l(Ba || (Ba = et(['\n direction: rtl;\n '], ['\n direction: rtl;\n ']))) @@ -5151,44 +5156,45 @@ function La(t) { g = t.weekdayLabelFormat, f = t.monthLabelFormat, h = t.onDayRender, - m = t.numberOfMonths, - y = void 0 === m ? 1 : m, - b = t.showClose, - w = void 0 === b || b, - v = t.showResetDate, - D = void 0 === v || v, - k = t.vertical, - x = void 0 !== k && k, - C = t.rtl, - T = void 0 !== C && C, - S = t.isDateBlocked, - B = - void 0 === S + m = t.initialVisibleMonth, + y = t.numberOfMonths, + b = void 0 === y ? 1 : y, + w = t.showClose, + v = void 0 === w || w, + D = t.showResetDate, + k = void 0 === D || D, + x = t.vertical, + C = void 0 !== x && x, + T = t.rtl, + S = void 0 !== T && T, + B = t.isDateBlocked, + M = + void 0 === B ? function() { return !1 } - : S, + : B, R = t.onClose, - M = void 0 === R ? function() {} : R, - L = t.showCalendarIcon, - W = void 0 === L || L, - E = t.displayFormat, - F = void 0 === E ? 'MM/dd/yyyy' : E, - H = t.phrases, - P = void 0 === H ? Wr : H, - O = t.placement, - z = void 0 === O ? 'bottom' : O, - I = t.inputId, - U = void 0 === I ? 'startDate' : I, - q = t.unavailableDates, - N = void 0 === q ? [] : q, - Y = i(null), + L = void 0 === R ? function() {} : R, + W = t.showCalendarIcon, + E = void 0 === W || W, + F = t.displayFormat, + H = void 0 === F ? 'MM/dd/yyyy' : F, + P = t.phrases, + O = void 0 === P ? Wr : P, + z = t.placement, + I = void 0 === z ? 'bottom' : z, + U = t.inputId, + q = void 0 === U ? 'startDate' : U, + N = t.unavailableDates, + Y = void 0 === N ? [] : N, A = i(null), - G = qr( + G = i(null), + j = qr( $e( { dateSingleZIndex: null, - dateSingleInputPadding: x ? (T ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', + dateSingleInputPadding: C ? (S ? '0 32px 0 8px' : '0 8px 0 32px') : '0 44px', dateSingleDatepickerWrapperPosition: 'absolute', }, (function(e, t) { @@ -5219,18 +5225,18 @@ function La(t) { dateSingleDatepickerWrapperBottom: '65px', dateSingleDatepickerWrapperLeft: '0', } - })(z, T), + })(I, S), ), ) - function j(e) { - c && A && A.current && !A.current.contains(e.target) && d(!1) + function X(e) { + c && G && G.current && !G.current.contains(e.target) && d(!1) } return ( r(function() { return ( - 'undefined' != typeof window && window.addEventListener('click', j), + 'undefined' != typeof window && window.addEventListener('click', X), function() { - window.removeEventListener('click', j) + window.removeEventListener('click', X) } ) }), @@ -5242,68 +5248,69 @@ function La(t) { }, }, e.createElement( - Ma, - {zIndex: G.dateSingleZIndex, rtl: T, position: 'relative', ref: A}, + Ra, + {zIndex: j.dateSingleZIndex, rtl: S, position: 'relative', ref: G}, e.createElement(en, { - id: U, - ariaLabel: P.dateAriaLabel, - placeholder: P.datePlaceholder, - value: Ve(n, F, ''), + id: q, + ariaLabel: O.dateAriaLabel, + placeholder: O.datePlaceholder, + value: Ve(n, H, ''), onClick: function() { return d(!0) }, - showCalendarIcon: W, - vertical: x, + showCalendarIcon: E, + vertical: C, isActive: !1, - padding: G.dateSingleInputPadding, - rtl: T, + padding: j.dateSingleInputPadding, + rtl: S, onChange: function(e) { - Y && Y.current && Y.current.onDateSelect && Y.current.onDateSelect(e) + A && A.current && A.current.onDateSelect && A.current.onDateSelect(e) }, - dateFormat: F, + dateFormat: H, }), e.createElement( Ir, { - position: G.dateSingleDatepickerWrapperPosition, - bottom: G.dateSingleDatepickerWrapperBottom, - left: G.dateSingleDatepickerWrapperLeft, - top: G.dateSingleDatepickerWrapperTop, - right: G.dateSingleDatepickerWrapperRight, + position: j.dateSingleDatepickerWrapperPosition, + bottom: j.dateSingleDatepickerWrapperBottom, + left: j.dateSingleDatepickerWrapperLeft, + top: j.dateSingleDatepickerWrapperTop, + right: j.dateSingleDatepickerWrapperRight, }, c && e.createElement(va, { exactMinBookingDays: !0, minBookingDays: 1, onClose: function() { - M(), d(!1) + L(), d(!1) }, startDate: n, endDate: n, minBookingDate: a, maxBookingDate: o, firstDayOfWeek: s, - numberOfMonths: y, + numberOfMonths: b, focusedInput: c ? Ke : null, - displayFormat: F, + displayFormat: H, onDatesChange: function(e) { var t = e.focusedInput, r = e.startDate l({showDatepicker: null !== t, date: r}) }, - isDateBlocked: B, - showResetDates: D, - vertical: x, + isDateBlocked: M, + showResetDates: k, + vertical: C, showSelectedDates: !1, - showClose: w, - rtl: T, + showClose: v, + rtl: S, dayLabelFormat: u, weekdayLabelFormat: g, monthLabelFormat: f, onDayRender: h, - phrases: P, - ref: Y, - unavailableDates: N, + phrases: O, + ref: A, + unavailableDates: Y, + initialVisibleMonth: m, }), ), ), @@ -5318,5 +5325,5 @@ export { Ke as START_DATE, Lr as dateRangeInputPhrases, Wr as dateSingleInputPhrases, - Mr as datepickerPhrases, + Rr as datepickerPhrases, } diff --git a/packages/styled/src/components/DateRangeInput/DateRangeInput.stories.tsx b/packages/styled/src/components/DateRangeInput/DateRangeInput.stories.tsx index b4a27e8..95d8a97 100644 --- a/packages/styled/src/components/DateRangeInput/DateRangeInput.stories.tsx +++ b/packages/styled/src/components/DateRangeInput/DateRangeInput.stories.tsx @@ -1,6 +1,6 @@ import React, {useReducer} from 'react' import {ThemeProvider} from 'styled-components' -import {addDays, isSameDay, format} from 'date-fns' +import {addDays, isSameDay, format, addMonths} from 'date-fns' import {storiesOf} from '@storybook/react' import {action} from '@storybook/addon-actions' import {text, boolean} from '@storybook/addon-knobs' @@ -56,6 +56,7 @@ interface AppProps { monthLabelFormat?(date: Date): string onDayRender?(date: Date): React.ReactNode unavailableDates?: Date[] + initialVisibleMonth?: Date } function App({ @@ -73,6 +74,7 @@ function App({ isDateBlocked = () => false, minBookingDate, maxBookingDate, + initialVisibleMonth, dayLabelFormat = dayLabelFormatFn, weekdayLabelFormat = weekdayLabelFormatFn, monthLabelFormat = monthLabelFormatFn, @@ -112,6 +114,7 @@ function App({ monthLabelFormat={monthLabelFormat} onDayRender={onDayRender} unavailableDates={unavailableDates} + initialVisibleMonth={initialVisibleMonth} /> ) } @@ -128,6 +131,18 @@ storiesOf('DateRangeInput', module) displayFormat={text('displayFormat', 'MM/dd/yyyy')} /> )) + .add('Initial visible month', () => ( + + )) .add('Minimum booking days (7 days)', () => ( )} diff --git a/packages/styled/src/components/DateSingleInput/DateSingleInput.stories.tsx b/packages/styled/src/components/DateSingleInput/DateSingleInput.stories.tsx index f021ff6..f8ccc7d 100644 --- a/packages/styled/src/components/DateSingleInput/DateSingleInput.stories.tsx +++ b/packages/styled/src/components/DateSingleInput/DateSingleInput.stories.tsx @@ -1,6 +1,6 @@ import React, {useReducer} from 'react' import {ThemeProvider} from 'styled-components' -import {addDays, isSameDay, format} from 'date-fns' +import {addDays, isSameDay, format, addMonths} from 'date-fns' import {storiesOf} from '@storybook/react' import {action} from '@storybook/addon-actions' import {text, boolean} from '@storybook/addon-knobs' @@ -52,6 +52,7 @@ interface AppProps { monthLabelFormat?(date: Date): string onDayRender?(date: Date): React.ReactNode unavailableDates?: Date[] + initialVisibleMonth?: Date } function App({ @@ -66,6 +67,7 @@ function App({ isDateBlocked = () => false, minBookingDate, maxBookingDate, + initialVisibleMonth, dayLabelFormat = dayLabelFormatFn, weekdayLabelFormat = weekdayLabelFormatFn, monthLabelFormat = monthLabelFormatFn, @@ -100,6 +102,7 @@ function App({ monthLabelFormat={monthLabelFormat} onDayRender={onDayRender} unavailableDates={unavailableDates} + initialVisibleMonth={initialVisibleMonth} /> ) @@ -115,6 +118,16 @@ storiesOf('DateSingleInput', module) displayFormat={text('displayFormat', 'MM/dd/yyyy')} /> )) + .add('Initial visible month', () => ( + + )) .add('Number of months (3 months)', () => ( )} diff --git a/packages/styled/src/components/Datepicker/Datepicker.stories.tsx b/packages/styled/src/components/Datepicker/Datepicker.stories.tsx index ebd9d12..410be32 100644 --- a/packages/styled/src/components/Datepicker/Datepicker.stories.tsx +++ b/packages/styled/src/components/Datepicker/Datepicker.stories.tsx @@ -1,6 +1,6 @@ import React, {useState} from 'react' import {ThemeProvider} from 'styled-components' -import {format, addDays, isSameDay} from 'date-fns' +import {format, addDays, isSameDay, addMonths} from 'date-fns' import { dayLabelFormat as dayLabelFormatFn, weekdayLabelFormat as weekdayLabelFormatFn, @@ -40,6 +40,7 @@ interface AppProps { monthLabelFormat?(date: Date): string onDayRender?(date: Date): React.ReactNode unavailableDates?: Date[] + initialVisibleMonth?: Date } function App({ @@ -57,6 +58,7 @@ function App({ isDateBlocked = () => false, minBookingDate, maxBookingDate, + initialVisibleMonth, dayLabelFormat = dayLabelFormatFn, weekdayLabelFormat = weekdayLabelFormatFn, monthLabelFormat = monthLabelFormatFn, @@ -104,6 +106,7 @@ function App({ monthLabelFormat={monthLabelFormat} onDayRender={onDayRender} unavailableDates={unavailableDates} + initialVisibleMonth={initialVisibleMonth} /> ) } @@ -120,6 +123,18 @@ storiesOf('Datepicker', module) displayFormat={text('displayFormat', 'MM/dd/yyyy')} /> )) + .add('Initial visible month', () => ( + + )) .add('Minimum booking days (7 days)', () => (