		@@ -1,875 +0,754 @@
		var {
		useControlledState
		} = require("@react-stately/utils");
		var $fVQNv$internationalizeddate = require("@internationalized/date");
		var $fVQNv$reactstatelyutils = require("@react-stately/utils");
		var $fVQNv$react = require("react");

		var {
		useRef,
		useState,
		useEffect,
		useMemo
		} = require("react");
		function $parcel$exportWildcard(dest, source) {
		Object.keys(source).forEach(function(key) {
		if (key === 'default' \|\| key === '__esModule' \|\| dest.hasOwnProperty(key)) {
		return;
		}

		var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
		Object.defineProperty(dest, key, {
		enumerable: true,
		get: function get() {
		return source[key];
		}
		});
		});

		var {
		DateFormatter,
		toCalendarDateTime,
		toDateFields,
		now,
		Time,
		toCalendar,
		toCalendarDate,
		getMinimumDayInMonth,
		getMinimumMonthInYear,
		GregorianCalendar,
		getLocalTimeZone,
		today,
		toTime
		} = require("@internationalized/date");

		function $parcel$interopDefault(a) {
		return a && a.__esModule ? a.default : a;
		return dest;
		}

		function $d2539a9a7cedbf57925a2a19$export$isInvalid(value, minValue, maxValue) {
		return value != null && (minValue != null && value.compare(minValue) < 0 \|\| maxValue != null && value.compare(maxValue) > 0);
		function $parcel$export(e, n, v, s) {
		Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
		}
		var $f0afaa11cdb4d9e5$exports = {};

		const $d2539a9a7cedbf57925a2a19$var$DEFAULT_FIELD_OPTIONS = {
		year: 'numeric',
		month: 'numeric',
		day: 'numeric',
		hour: 'numeric',
		minute: '2-digit',
		second: '2-digit'
		};
		$parcel$export($f0afaa11cdb4d9e5$exports, "useDatePickerState", () => $f0afaa11cdb4d9e5$export$87194bb378cc3ac2);

		function $d2539a9a7cedbf57925a2a19$export$getFormatOptions(fieldOptions, options) {
		var _options$maxGranulari;

		fieldOptions = _babelRuntimeHelpersExtends({}, $d2539a9a7cedbf57925a2a19$var$DEFAULT_FIELD_OPTIONS, fieldOptions);
		let granularity = options.granularity \|\| 'minute';
		let keys = Object.keys(fieldOptions);
		let startIdx = keys.indexOf((_options$maxGranulari = options.maxGranularity) != null ? _options$maxGranulari : 'year');

		if (startIdx < 0) {
		startIdx = 0;
		}

		let endIdx = keys.indexOf(granularity);

		if (endIdx < 0) {
		endIdx = 2;
		}

		if (startIdx > endIdx) {
		throw new Error('maxGranularity must be greater than granularity');
		}

		let opts = keys.slice(startIdx, endIdx + 1).reduce((opts, key) => {
		opts[key] = fieldOptions[key];
		return opts;
		}, {});

		if (options.hourCycle != null) {
		opts.hour12 = options.hourCycle === 12;
		}

		opts.timeZone = options.timeZone \|\| 'UTC';
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second';

		if (hasTime && options.timeZone && !options.hideTimeZone) {
		opts.timeZoneName = 'short';
		}

		return opts;
		function $b15d33af207752c1$export$eac50920cf2fd59a(value, minValue, maxValue) {
		return value != null && (minValue != null && value.compare(minValue) < 0 \|\| maxValue != null && value.compare(maxValue) > 0);
		}

		function $d2539a9a7cedbf57925a2a19$export$getPlaceholderTime(placeholderValue) {
		if (placeholderValue && 'hour' in placeholderValue) {
		return placeholderValue;
		}

		return new Time();
		const $b15d33af207752c1$var$DEFAULT_FIELD_OPTIONS = {
		year: 'numeric',
		month: 'numeric',
		day: 'numeric',
		hour: 'numeric',
		minute: '2-digit',
		second: '2-digit'
		};
		function $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, options) {
		fieldOptions = {
		...$b15d33af207752c1$var$DEFAULT_FIELD_OPTIONS,
		...fieldOptions
		};
		let granularity = options.granularity \|\| 'minute';
		let keys = Object.keys(fieldOptions);
		let startIdx = keys.indexOf(options.maxGranularity ?? 'year');
		if (startIdx < 0) startIdx = 0;
		let endIdx = keys.indexOf(granularity);
		if (endIdx < 0) endIdx = 2;
		if (startIdx > endIdx) throw new Error('maxGranularity must be greater than granularity');
		let opts1 = keys.slice(startIdx, endIdx + 1).reduce((opts, key)=>{
		opts[key] = fieldOptions[key];
		return opts;
		}, {
		});
		if (options.hourCycle != null) opts1.hour12 = options.hourCycle === 12;
		opts1.timeZone = options.timeZone \|\| 'UTC';
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second';
		if (hasTime && options.timeZone && !options.hideTimeZone) opts1.timeZoneName = 'short';
		return opts1;
		}

		function $d2539a9a7cedbf57925a2a19$export$convertValue(value, calendar) {
		if (value === null) {
		return null;
		}

		if (!value) {
		return undefined;
		}

		return toCalendar(value, calendar);
		function $b15d33af207752c1$export$c5221a78ef73c5e9(placeholderValue) {
		if (placeholderValue && 'hour' in placeholderValue) return placeholderValue;
		return new $fVQNv$internationalizeddate.Time();
		}

		function $d2539a9a7cedbf57925a2a19$export$createPlaceholderDate(placeholderValue, granularity, calendar, timeZone) {
		if (placeholderValue) {
		return $d2539a9a7cedbf57925a2a19$export$convertValue(placeholderValue, calendar);
		}

		let date = toCalendar(now(timeZone).set({
		hour: 0,
		minute: 0,
		second: 0,
		millisecond: 0
		}), calendar);

		if (granularity === 'year' \|\| granularity === 'month' \|\| granularity === 'day') {
		return toCalendarDate(date);
		}

		if (!timeZone) {
		return toCalendarDateTime(date);
		}

		return date;
		function $b15d33af207752c1$export$61a490a80c552550(value, calendar) {
		if (value === null) return null;
		if (!value) return undefined;
		return $fVQNv$internationalizeddate.toCalendar(value, calendar);
		}

		function $d2539a9a7cedbf57925a2a19$export$useDefaultProps(v, granularity) {
		// Compute default granularity and time zone from the value. If the value becomes null, keep the last values.
		let lastValue = useRef(v);

		if (v) {
		lastValue.current = v;
		}

		v = lastValue.current;
		let defaultTimeZone = v && 'timeZone' in v ? v.timeZone : undefined;
		granularity = granularity \|\| (v && 'minute' in v ? 'minute' : 'day'); // props.granularity must actually exist in the value if one is provided.

		if (v && !(granularity in v)) {
		throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		}

		return [granularity, defaultTimeZone];
		function $b15d33af207752c1$export$66aa2b09de4b1ea5(placeholderValue, granularity, calendar, timeZone) {
		if (placeholderValue) return $b15d33af207752c1$export$61a490a80c552550(placeholderValue, calendar);
		let date = $fVQNv$internationalizeddate.toCalendar($fVQNv$internationalizeddate.now(timeZone).set({
		hour: 0,
		minute: 0,
		second: 0,
		millisecond: 0
		}), calendar);
		if (granularity === 'year' \|\| granularity === 'month' \|\| granularity === 'day') return $fVQNv$internationalizeddate.toCalendarDate(date);
		if (!timeZone) return $fVQNv$internationalizeddate.toCalendarDateTime(date);
		return date;
		}
		function $b15d33af207752c1$export$2440da353cedad43(v, granularity) {
		// Compute default granularity and time zone from the value. If the value becomes null, keep the last values.
		let lastValue = $fVQNv$react.useRef(v);
		if (v) lastValue.current = v;
		v = lastValue.current;
		let defaultTimeZone = v && 'timeZone' in v ? v.timeZone : undefined;
		granularity = granularity \|\| (v && 'minute' in v ? 'minute' : 'day');
		// props.granularity must actually exist in the value if one is provided.
		if (v && !(granularity in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		return [
		granularity,
		defaultTimeZone
		];
		}

		function useDatePickerState(props) {
		let [isOpen, setOpen] = useState(false);
		let [value, setValue] = useControlledState(props.value, props.defaultValue \|\| null, props.onChange);
		let v = value \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $d2539a9a7cedbf57925a2a19$export$useDefaultProps(v, props.granularity);
		let dateValue = value != null ? value.toDate(defaultTimeZone != null ? defaultTimeZone : 'UTC') : null;
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second' \|\| granularity === 'millisecond';
		let [selectedDate, setSelectedDate] = useState(null);
		let [selectedTime, setSelectedTime] = useState(null);

		if (value) {
		selectedDate = value;

		if ('hour' in value) {
		selectedTime = value;
		}
		} // props.granularity must actually exist in the value if one is provided.


		if (v && !(granularity in v)) {
		throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		}

		let commitValue = (date, time) => {
		setValue('timeZone' in time ? time.set(toDateFields(date)) : toCalendarDateTime(date, time));
		}; // Intercept setValue to make sure the Time section is not changed by date selection in Calendar


		let selectDate = newValue => {
		if (hasTime) {
		if (selectedTime) {
		commitValue(newValue, selectedTime);
		} else {
		setSelectedDate(newValue);
		}
		} else {
		setValue(newValue);
		function $f0afaa11cdb4d9e5$export$87194bb378cc3ac2(props) {
		let [isOpen1, setOpen] = $fVQNv$react.useState(false);
		let [value, setValue] = $fVQNv$reactstatelyutils.useControlledState(props.value, props.defaultValue \|\| null, props.onChange);
		let v = value \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $b15d33af207752c1$export$2440da353cedad43(v, props.granularity);
		let dateValue = value != null ? value.toDate(defaultTimeZone ?? 'UTC') : null;
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second' \|\| granularity === 'millisecond';
		let [selectedDate, setSelectedDate] = $fVQNv$react.useState(null);
		let [selectedTime, setSelectedTime] = $fVQNv$react.useState(null);
		if (value) {
		selectedDate = value;
		if ('hour' in value) selectedTime = value;
		}
		// props.granularity must actually exist in the value if one is provided.
		if (v && !(granularity in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		let commitValue = (date, time)=>{
		setValue('timeZone' in time ? time.set($fVQNv$internationalizeddate.toDateFields(date)) : $fVQNv$internationalizeddate.toCalendarDateTime(date, time));
		};
		// Intercept setValue to make sure the Time section is not changed by date selection in Calendar
		let selectDate = (newValue)=>{
		if (hasTime) {
		if (selectedTime) commitValue(newValue, selectedTime);
		else setSelectedDate(newValue);
		} else setValue(newValue);
		if (!hasTime) setOpen(false);
		};
		let selectTime = (newValue)=>{
		if (selectedDate) commitValue(selectedDate, newValue);
		else setSelectedTime(newValue);
		};
		let validationState = props.validationState \|\| ($b15d33af207752c1$export$eac50920cf2fd59a(value, props.minValue, props.maxValue) ? 'invalid' : null);
		return {
		value: value,
		setValue: setValue,
		dateValue: selectedDate,
		timeValue: selectedTime,
		setDateValue: selectDate,
		setTimeValue: selectTime,
		granularity: granularity,
		isOpen: isOpen1,
		setOpen (isOpen) {
		// Commit the selected date when the calendar is closed. Use a placeholder time if one wasn't set.
		// If only the time was set and not the date, don't commit. The state will be preserved until
		// the user opens the popover again.
		if (!isOpen && !value && selectedDate && hasTime) commitValue(selectedDate, selectedTime \|\| $b15d33af207752c1$export$c5221a78ef73c5e9(props.placeholderValue));
		setOpen(isOpen);
		},
		validationState: validationState,
		formatValue (locale, fieldOptions) {
		if (!dateValue) return '';
		let formatOptions = $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, {
		granularity: granularity,
		timeZone: defaultTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		let formatter = new $fVQNv$internationalizeddate.DateFormatter(locale, formatOptions);
		return formatter.format(dateValue);
		}
		};
		}

		if (!hasTime) {
		setOpen(false);
		}
		};

		let selectTime = newValue => {
		if (selectedDate) {
		commitValue(selectedDate, newValue);
		} else {
		setSelectedTime(newValue);
		}
		};
		var $db920376312b84b4$exports = {};

		let validationState = props.validationState \|\| ($d2539a9a7cedbf57925a2a19$export$isInvalid(value, props.minValue, props.maxValue) ? 'invalid' : null);
		return {
		value,
		setValue,
		dateValue: selectedDate,
		timeValue: selectedTime,
		setDateValue: selectDate,
		setTimeValue: selectTime,
		granularity,
		isOpen,
		$parcel$export($db920376312b84b4$exports, "useDatePickerFieldState", () => $db920376312b84b4$export$714a241b39a650d6);

		setOpen(isOpen) {
		// Commit the selected date when the calendar is closed. Use a placeholder time if one wasn't set.
		// If only the time was set and not the date, don't commit. The state will be preserved until
		// the user opens the popover again.
		if (!isOpen && !value && selectedDate && hasTime) {
		commitValue(selectedDate, selectedTime \|\| $d2539a9a7cedbf57925a2a19$export$getPlaceholderTime(props.placeholderValue));
		}

		setOpen(isOpen);
		},

		validationState,

		formatValue(locale, fieldOptions) {
		if (!dateValue) {
		return '';
		}

		let formatOptions = $d2539a9a7cedbf57925a2a19$export$getFormatOptions(fieldOptions, {
		const $db920376312b84b4$var$EDITABLE_SEGMENTS = {
		year: true,
		month: true,
		day: true,
		hour: true,
		minute: true,
		second: true,
		dayPeriod: true,
		era: true
		};
		const $db920376312b84b4$var$PAGE_STEP = {
		year: 5,
		month: 2,
		day: 7,
		hour: 2,
		minute: 15,
		second: 15
		};
		// Node seems to convert everything to lowercase...
		const $db920376312b84b4$var$TYPE_MAPPING = {
		dayperiod: 'dayPeriod'
		};
		function $db920376312b84b4$export$714a241b39a650d6(props) {
		let { locale: locale , createCalendar: createCalendar , hideTimeZone: hideTimeZone } = props;
		let v1 = props.value \|\| props.defaultValue \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $b15d33af207752c1$export$2440da353cedad43(v1, props.granularity);
		let timeZone = defaultTimeZone \|\| 'UTC';
		// props.granularity must actually exist in the value if one is provided.
		if (v1 && !(granularity in v1)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v1.toString());
		let formatOpts = $fVQNv$react.useMemo(()=>({
		granularity: granularity,
		maxGranularity: props.maxGranularity ?? 'year',
		timeZone: defaultTimeZone,
		hideTimeZone: hideTimeZone,
		hourCycle: props.hourCycle
		})
		, [
		props.maxGranularity,
		granularity,
		timeZone: defaultTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		let formatter = new DateFormatter(locale, formatOptions);
		return formatter.format(dateValue);
		props.hourCycle,
		defaultTimeZone,
		hideTimeZone
		]);
		let opts = $fVQNv$react.useMemo(()=>$b15d33af207752c1$export$7e319ea407e63bc0({
		}, formatOpts)
		, [
		formatOpts
		]);
		let dateFormatter = $fVQNv$react.useMemo(()=>new $fVQNv$internationalizeddate.DateFormatter(locale, opts)
		, [
		locale,
		opts
		]);
		let resolvedOptions = $fVQNv$react.useMemo(()=>dateFormatter.resolvedOptions()
		, [
		dateFormatter
		]);
		let calendar = $fVQNv$react.useMemo(()=>createCalendar(resolvedOptions.calendar)
		, [
		createCalendar,
		resolvedOptions.calendar
		]);
		// Determine how many editable segments there are for validation purposes.
		// The result is cached for performance.
		let allSegments = $fVQNv$react.useMemo(()=>dateFormatter.formatToParts(new Date()).filter((seg)=>$db920376312b84b4$var$EDITABLE_SEGMENTS[seg.type]
		).reduce((p, seg)=>(p[seg.type] = true, p)
		, {
		})
		, [
		dateFormatter
		]);
		let [validSegments, setValidSegments] = $fVQNv$react.useState(()=>props.value \|\| props.defaultValue ? {
		...allSegments
		} : {
		}
		);
		// We keep track of the placeholder date separately in state so that onChange is not called
		// until all segments are set. If the value === null (not undefined), then assume the component
		// is controlled, so use the placeholder as the value until all segments are entered so it doesn't
		// change from uncontrolled to controlled and emit a warning.
		let [placeholderDate, setPlaceholderDate] = $fVQNv$react.useState(()=>$b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone)
		);
		// Reset placeholder when calendar changes
		let lastCalendarIdentifier = $fVQNv$react.useRef(calendar.identifier);
		$fVQNv$react.useEffect(()=>{
		if (calendar.identifier !== lastCalendarIdentifier.current) {
		lastCalendarIdentifier.current = calendar.identifier;
		setPlaceholderDate((placeholder)=>Object.keys(validSegments).length > 0 ? $fVQNv$internationalizeddate.toCalendar(placeholder, calendar) : $b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone)
		);
		}
		}, [
		calendar,
		granularity,
		validSegments,
		defaultTimeZone,
		props.placeholderValue
		]);
		let [value1, setDate] = $fVQNv$reactstatelyutils.useControlledState(props.value, props.defaultValue, props.onChange);
		let calendarValue = $fVQNv$react.useMemo(()=>$b15d33af207752c1$export$61a490a80c552550(value1, calendar)
		, [
		value1,
		calendar
		]);
		// If there is a value prop, and some segments were previously placeholders, mark them all as valid.
		if (value1 && Object.keys(validSegments).length < Object.keys(allSegments).length) {
		validSegments = {
		...allSegments
		};
		setValidSegments(validSegments);
		}

		};
		}

		exports.useDatePickerState = useDatePickerState;
		const $b879385ee0fe7268aa1feb476f2d613$var$EDITABLE_SEGMENTS = {
		year: true,
		month: true,
		day: true,
		hour: true,
		minute: true,
		second: true,
		dayPeriod: true,
		era: true
		};
		const $b879385ee0fe7268aa1feb476f2d613$var$PAGE_STEP = {
		year: 5,
		month: 2,
		day: 7,
		hour: 2,
		minute: 15,
		second: 15
		}; // Node seems to convert everything to lowercase...

		const $b879385ee0fe7268aa1feb476f2d613$var$TYPE_MAPPING = {
		dayperiod: 'dayPeriod'
		};

		function useDatePickerFieldState(props) {
		let {
		locale,
		createCalendar,
		hideTimeZone
		} = props;
		let v = props.value \|\| props.defaultValue \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $d2539a9a7cedbf57925a2a19$export$useDefaultProps(v, props.granularity);
		let timeZone = defaultTimeZone \|\| 'UTC'; // props.granularity must actually exist in the value if one is provided.

		if (v && !(granularity in v)) {
		throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		}

		let formatOpts = useMemo(() => {
		var _props$maxGranularity;

		// If the value is set to null and all segments are valid, reset the placeholder.
		if (value1 == null && Object.keys(validSegments).length === Object.keys(allSegments).length) {
		validSegments = {
		};
		setValidSegments(validSegments);
		setPlaceholderDate($b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone));
		}
		// If all segments are valid, use the date from state, otherwise use the placeholder date.
		let displayValue = calendarValue && Object.keys(validSegments).length >= Object.keys(allSegments).length ? calendarValue : placeholderDate;
		let setValue = (newValue)=>{
		if (props.isDisabled \|\| props.isReadOnly) return;
		if (Object.keys(validSegments).length >= Object.keys(allSegments).length) {
		// The display calendar should not have any effect on the emitted value.
		// Emit dates in the same calendar as the original value, if any, otherwise gregorian.
		newValue = $fVQNv$internationalizeddate.toCalendar(newValue, v1?.calendar \|\| new $fVQNv$internationalizeddate.GregorianCalendar());
		setDate(newValue);
		} else setPlaceholderDate(newValue);
		};
		let dateValue = $fVQNv$react.useMemo(()=>displayValue.toDate(timeZone)
		, [
		displayValue,
		timeZone
		]);
		let segments = $fVQNv$react.useMemo(()=>dateFormatter.formatToParts(dateValue).map((segment)=>{
		let isEditable = $db920376312b84b4$var$EDITABLE_SEGMENTS[segment.type];
		if (segment.type === 'era' && calendar.getEras().length === 1) isEditable = false;
		return {
		type: $db920376312b84b4$var$TYPE_MAPPING[segment.type] \|\| segment.type,
		text: segment.value,
		...$db920376312b84b4$var$getSegmentLimits(displayValue, segment.type, resolvedOptions),
		isPlaceholder: $db920376312b84b4$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type],
		isEditable: isEditable
		};
		})
		, [
		dateValue,
		validSegments,
		dateFormatter,
		resolvedOptions,
		displayValue,
		calendar
		]);
		let hasEra = $fVQNv$react.useMemo(()=>segments.some((s)=>s.type === 'era'
		)
		, [
		segments
		]);
		let markValid = (part)=>{
		validSegments[part] = true;
		if (part === 'year' && hasEra) validSegments.era = true;
		setValidSegments({
		...validSegments
		});
		};
		let adjustSegment = (type, amount)=>{
		markValid(type);
		setValue($db920376312b84b4$var$addSegment(displayValue, type, amount, resolvedOptions));
		};
		let validationState = props.validationState \|\| ($b15d33af207752c1$export$eac50920cf2fd59a(calendarValue, props.minValue, props.maxValue) ? 'invalid' : null);
		return {
		granularity,
		maxGranularity: (_props$maxGranularity = props.maxGranularity) != null ? _props$maxGranularity : 'year',
		timeZone: defaultTimeZone,
		hideTimeZone,
		hourCycle: props.hourCycle
		value: calendarValue,
		dateValue: dateValue,
		setValue: setValue,
		segments: segments,
		dateFormatter: dateFormatter,
		validationState: validationState,
		granularity: granularity,
		increment (part) {
		adjustSegment(part, 1);
		},
		decrement (part) {
		adjustSegment(part, -1);
		},
		incrementPage (part) {
		adjustSegment(part, $db920376312b84b4$var$PAGE_STEP[part] \|\| 1);
		},
		decrementPage (part) {
		adjustSegment(part, -($db920376312b84b4$var$PAGE_STEP[part] \|\| 1));
		},
		setSegment (part, v) {
		markValid(part);
		setValue($db920376312b84b4$var$setSegment(displayValue, part, v, resolvedOptions));
		},
		confirmPlaceholder (part) {
		if (props.isDisabled \|\| props.isReadOnly) return;
		if (!part) {
		// Confirm the rest of the placeholder if any of the segments are valid.
		let numValid = Object.keys(validSegments).length;
		if (numValid > 0 && numValid < Object.keys(allSegments).length) {
		validSegments = {
		...allSegments
		};
		setValidSegments(validSegments);
		setValue(displayValue.copy());
		}
		} else if (!validSegments[part]) {
		markValid(part);
		setValue(displayValue.copy());
		}
		},
		clearSegment (part) {
		delete validSegments[part];
		setValidSegments({
		...validSegments
		});
		let placeholder = $b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone);
		let value = displayValue;
		// Reset day period to default without changing the hour.
		if (part === 'dayPeriod' && 'hour' in displayValue && 'hour' in placeholder) {
		let isPM = displayValue.hour >= 12;
		let shouldBePM = placeholder.hour >= 12;
		if (isPM && !shouldBePM) value = displayValue.set({
		hour: displayValue.hour - 12
		});
		else if (!isPM && shouldBePM) value = displayValue.set({
		hour: displayValue.hour + 12
		});
		} else if (part in displayValue) value = displayValue.set({
		[part]: placeholder[part]
		});
		setDate(null);
		setValue(value);
		},
		getFormatOptions (fieldOptions) {
		return $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, formatOpts);
		}
		};
		}, [props.maxGranularity, granularity, props.hourCycle, defaultTimeZone, hideTimeZone]);
		let opts = useMemo(() => $d2539a9a7cedbf57925a2a19$export$getFormatOptions({}, formatOpts), [formatOpts]);
		let dateFormatter = useMemo(() => new DateFormatter(locale, opts), [locale, opts]);
		let resolvedOptions = useMemo(() => dateFormatter.resolvedOptions(), [dateFormatter]);
		let calendar = useMemo(() => createCalendar(resolvedOptions.calendar), [createCalendar, resolvedOptions.calendar]); // Determine how many editable segments there are for validation purposes.
		// The result is cached for performance.

		let allSegments = useMemo(() => dateFormatter.formatToParts(new Date()).filter(seg => $b879385ee0fe7268aa1feb476f2d613$var$EDITABLE_SEGMENTS[seg.type]).reduce((p, seg) => (p[seg.type] = true, p), {}), [dateFormatter]);
		let [validSegments, setValidSegments] = useState(() => props.value \|\| props.defaultValue ? _babelRuntimeHelpersExtends({}, allSegments) : {}); // We keep track of the placeholder date separately in state so that onChange is not called
		// until all segments are set. If the value === null (not undefined), then assume the component
		// is controlled, so use the placeholder as the value until all segments are entered so it doesn't
		// change from uncontrolled to controlled and emit a warning.

		let [placeholderDate, setPlaceholderDate] = useState(() => $d2539a9a7cedbf57925a2a19$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone)); // Reset placeholder when calendar changes

		let lastCalendarIdentifier = useRef(calendar.identifier);
		useEffect(() => {
		if (calendar.identifier !== lastCalendarIdentifier.current) {
		lastCalendarIdentifier.current = calendar.identifier;
		setPlaceholderDate(placeholder => Object.keys(validSegments).length > 0 ? toCalendar(placeholder, calendar) : $d2539a9a7cedbf57925a2a19$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone));
		}
		function $db920376312b84b4$var$getSegmentLimits(date, type, options) {
		switch(type){
		case 'era':
		{
		let eras = date.calendar.getEras();
		return {
		value: eras.indexOf(date.era),
		minValue: 0,
		maxValue: eras.length - 1
		};
		}
		case 'year':
		return {
		value: date.year,
		minValue: 1,
		maxValue: date.calendar.getYearsInEra(date)
		};
		case 'month':
		return {
		value: date.month,
		minValue: $fVQNv$internationalizeddate.getMinimumMonthInYear(date),
		maxValue: date.calendar.getMonthsInYear(date)
		};
		case 'day':
		return {
		value: date.day,
		minValue: $fVQNv$internationalizeddate.getMinimumDayInMonth(date),
		maxValue: date.calendar.getDaysInMonth(date)
		};
		}
		}, [calendar, granularity, validSegments, defaultTimeZone, props.placeholderValue]);
		let [value, setDate] = useControlledState(props.value, props.defaultValue, props.onChange);
		let calendarValue = useMemo(() => $d2539a9a7cedbf57925a2a19$export$convertValue(value, calendar), [value, calendar]); // If there is a value prop, and some segments were previously placeholders, mark them all as valid.

		if (value && Object.keys(validSegments).length < Object.keys(allSegments).length) {
		validSegments = _babelRuntimeHelpersExtends({}, allSegments);
		setValidSegments(validSegments);
		} // If the value is set to null and all segments are valid, reset the placeholder.


		if (value == null && Object.keys(validSegments).length === Object.keys(allSegments).length) {
		validSegments = {};
		setValidSegments(validSegments);
		setPlaceholderDate($d2539a9a7cedbf57925a2a19$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone));
		} // If all segments are valid, use the date from state, otherwise use the placeholder date.


		let displayValue = calendarValue && Object.keys(validSegments).length >= Object.keys(allSegments).length ? calendarValue : placeholderDate;

		let setValue = newValue => {
		if (props.isDisabled \|\| props.isReadOnly) {
		return;
		if ('hour' in date) switch(type){
		case 'dayPeriod':
		return {
		value: date.hour >= 12 ? 12 : 0,
		minValue: 0,
		maxValue: 12
		};
		case 'hour':
		if (options.hour12) {
		let isPM = date.hour >= 12;
		return {
		value: date.hour,
		minValue: isPM ? 12 : 0,
		maxValue: isPM ? 23 : 11
		};
		}
		return {
		value: date.hour,
		minValue: 0,
		maxValue: 23
		};
		case 'minute':
		return {
		value: date.minute,
		minValue: 0,
		maxValue: 59
		};
		case 'second':
		return {
		value: date.second,
		minValue: 0,
		maxValue: 59
		};
		}

		if (Object.keys(validSegments).length >= Object.keys(allSegments).length) {
		// The display calendar should not have any effect on the emitted value.
		// Emit dates in the same calendar as the original value, if any, otherwise gregorian.
		newValue = toCalendar(newValue, (v == null ? void 0 : v.calendar) \|\| new GregorianCalendar());
		setDate(newValue);
		} else {
		setPlaceholderDate(newValue);
		return {
		};
		}
		function $db920376312b84b4$var$addSegment(value, part, amount, options) {
		switch(part){
		case 'era':
		case 'year':
		case 'month':
		case 'day':
		return value.cycle(part, amount, {
		round: part === 'year'
		});
		}
		};

		let dateValue = useMemo(() => displayValue.toDate(timeZone), [displayValue, timeZone]);
		let segments = useMemo(() => dateFormatter.formatToParts(dateValue).map(segment => {
		let isEditable = $b879385ee0fe7268aa1feb476f2d613$var$EDITABLE_SEGMENTS[segment.type];

		if (segment.type === 'era' && calendar.getEras().length === 1) {
		isEditable = false;
		if ('hour' in value) switch(part){
		case 'dayPeriod':
		{
		let hours = value.hour;
		let isPM = hours >= 12;
		return value.set({
		hour: isPM ? hours - 12 : hours + 12
		});
		}
		case 'hour':
		case 'minute':
		case 'second':
		return value.cycle(part, amount, {
		round: part !== 'hour',
		hourCycle: options.hour12 ? 12 : 24
		});
		}

		return _babelRuntimeHelpersExtends({
		type: $b879385ee0fe7268aa1feb476f2d613$var$TYPE_MAPPING[segment.type] \|\| segment.type,
		text: segment.value
		}, $b879385ee0fe7268aa1feb476f2d613$var$getSegmentLimits(displayValue, segment.type, resolvedOptions), {
		isPlaceholder: $b879385ee0fe7268aa1feb476f2d613$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type],
		isEditable
		});
		}), [dateValue, validSegments, dateFormatter, resolvedOptions, displayValue, calendar]);
		let hasEra = useMemo(() => segments.some(s => s.type === 'era'), [segments]);

		let markValid = part => {
		validSegments[part] = true;

		if (part === 'year' && hasEra) {
		validSegments.era = true;
		}
		function $db920376312b84b4$var$setSegment(value, part, segmentValue, options) {
		switch(part){
		case 'day':
		case 'month':
		case 'year':
		return value.set({
		[part]: segmentValue
		});
		}

		setValidSegments(_babelRuntimeHelpersExtends({}, validSegments));
		};

		let adjustSegment = (type, amount) => {
		markValid(type);
		setValue($b879385ee0fe7268aa1feb476f2d613$var$addSegment(displayValue, type, amount, resolvedOptions));
		};

		let validationState = props.validationState \|\| ($d2539a9a7cedbf57925a2a19$export$isInvalid(calendarValue, props.minValue, props.maxValue) ? 'invalid' : null);
		return {
		value: calendarValue,
		dateValue,
		setValue,
		segments,
		dateFormatter,
		validationState,
		granularity,

		increment(part) {
		adjustSegment(part, 1);
		},

		decrement(part) {
		adjustSegment(part, -1);
		},

		incrementPage(part) {
		adjustSegment(part, $b879385ee0fe7268aa1feb476f2d613$var$PAGE_STEP[part] \|\| 1);
		},

		decrementPage(part) {
		adjustSegment(part, -($b879385ee0fe7268aa1feb476f2d613$var$PAGE_STEP[part] \|\| 1));
		},

		setSegment(part, v) {
		markValid(part);
		setValue($b879385ee0fe7268aa1feb476f2d613$var$setSegment(displayValue, part, v, resolvedOptions));
		},

		confirmPlaceholder(part) {
		if (props.isDisabled \|\| props.isReadOnly) {
		return;
		}

		if (!part) {
		// Confirm the rest of the placeholder if any of the segments are valid.
		let numValid = Object.keys(validSegments).length;

		if (numValid > 0 && numValid < Object.keys(allSegments).length) {
		validSegments = _babelRuntimeHelpersExtends({}, allSegments);
		setValidSegments(validSegments);
		setValue(displayValue.copy());
		}
		} else if (!validSegments[part]) {
		markValid(part);
		setValue(displayValue.copy());
		}
		},

		clearSegment(part) {
		delete validSegments[part];
		setValidSegments(_babelRuntimeHelpersExtends({}, validSegments));
		let placeholder = $d2539a9a7cedbf57925a2a19$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone);
		let value = displayValue; // Reset day period to default without changing the hour.

		if (part === 'dayPeriod' && 'hour' in displayValue && 'hour' in placeholder) {
		let isPM = displayValue.hour >= 12;
		let shouldBePM = placeholder.hour >= 12;

		if (isPM && !shouldBePM) {
		value = displayValue.set({
		hour: displayValue.hour - 12
		});
		} else if (!isPM && shouldBePM) {
		value = displayValue.set({
		hour: displayValue.hour + 12
		});
		}
		} else if (part in displayValue) {
		value = displayValue.set({
		[part]: placeholder[part]
		});
		}

		setDate(null);
		setValue(value);
		},

		getFormatOptions(fieldOptions) {
		return $d2539a9a7cedbf57925a2a19$export$getFormatOptions(fieldOptions, formatOpts);
		if ('hour' in value) switch(part){
		case 'dayPeriod':
		{
		let hours = value.hour;
		let wasPM = hours >= 12;
		let isPM = segmentValue >= 12;
		if (isPM === wasPM) return value;
		return value.set({
		hour: wasPM ? hours - 12 : hours + 12
		});
		}
		case 'hour':
		// In 12 hour time, ensure that AM/PM does not change
		if (options.hour12) {
		let hours = value.hour;
		let wasPM = hours >= 12;
		if (!wasPM && segmentValue === 12) segmentValue = 0;
		if (wasPM && segmentValue < 12) segmentValue += 12;
		}
		// fallthrough
		case 'minute':
		case 'second':
		return value.set({
		[part]: segmentValue
		});
		}

		};
		}

		exports.useDatePickerFieldState = useDatePickerFieldState;

		function $b879385ee0fe7268aa1feb476f2d613$var$getSegmentLimits(date, type, options) {
		switch (type) {
		case 'era':
		{
		let eras = date.calendar.getEras();
		return {
		value: eras.indexOf(date.era),
		minValue: 0,
		maxValue: eras.length - 1
		};
		}
		var $142433ca1a8bbced$exports = {};

		case 'year':
		return {
		value: date.year,
		minValue: 1,
		maxValue: date.calendar.getYearsInEra(date)
		};
		$parcel$export($142433ca1a8bbced$exports, "useDateRangePickerState", () => $142433ca1a8bbced$export$e50a61c1de9f574);

		case 'month':
		return {
		value: date.month,
		minValue: getMinimumMonthInYear(date),
		maxValue: date.calendar.getMonthsInYear(date)
		};

		case 'day':
		return {
		value: date.day,
		minValue: getMinimumDayInMonth(date),
		maxValue: date.calendar.getDaysInMonth(date)
		};
		}

		if ('hour' in date) {
		switch (type) {
		case 'dayPeriod':
		return {
		value: date.hour >= 12 ? 12 : 0,
		minValue: 0,
		maxValue: 12
		};

		case 'hour':
		if (options.hour12) {
		let isPM = date.hour >= 12;
		return {
		value: date.hour,
		minValue: isPM ? 12 : 0,
		maxValue: isPM ? 23 : 11
		};
		function $142433ca1a8bbced$export$e50a61c1de9f574(props) {
		let [isOpen1, setOpen] = $fVQNv$react.useState(false);
		let [controlledValue, setControlledValue] = $fVQNv$reactstatelyutils.useControlledState(props.value, props.defaultValue \|\| null, props.onChange);
		let [placeholderValue, setPlaceholderValue] = $fVQNv$react.useState(()=>controlledValue \|\| {
		start: null,
		end: null
		}

		return {
		value: date.hour,
		minValue: 0,
		maxValue: 23
		);
		// Reset the placeholder if the value prop is set to null.
		if (controlledValue == null && placeholderValue.start && placeholderValue.end) {
		placeholderValue = {
		start: null,
		end: null
		};

		case 'minute':
		return {
		value: date.minute,
		minValue: 0,
		maxValue: 59
		};

		case 'second':
		return {
		value: date.second,
		minValue: 0,
		maxValue: 59
		};
		setPlaceholderValue(placeholderValue);
		}
		}

		return {};
		}

		function $b879385ee0fe7268aa1feb476f2d613$var$addSegment(value, part, amount, options) {
		switch (part) {
		case 'era':
		case 'year':
		case 'month':
		case 'day':
		return value.cycle(part, amount, {
		round: part === 'year'
		});
		}

		if ('hour' in value) {
		switch (part) {
		case 'dayPeriod':
		{
		let hours = value.hour;
		let isPM = hours >= 12;
		return value.set({
		hour: isPM ? hours - 12 : hours + 12
		});
		let value1 = controlledValue \|\| placeholderValue;
		let valueRef = $fVQNv$react.useRef(value1);
		valueRef.current = value1;
		let setValue = (value)=>{
		valueRef.current = value;
		setPlaceholderValue(value);
		if (value?.start && value.end) setControlledValue(value);
		else setControlledValue(null);
		};
		let v = value1?.start \|\| value1?.end \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $b15d33af207752c1$export$2440da353cedad43(v, props.granularity);
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second' \|\| granularity === 'millisecond';
		let [dateRange1, setSelectedDateRange] = $fVQNv$react.useState(null);
		let [timeRange1, setSelectedTimeRange] = $fVQNv$react.useState(null);
		if (value1 && value1.start && value1.end) {
		dateRange1 = value1;
		if ('hour' in value1.start) timeRange1 = value1;
		}
		let commitValue = (dateRange, timeRange)=>{
		setValue({
		start: 'timeZone' in timeRange.start ? timeRange.start.set($fVQNv$internationalizeddate.toDateFields(dateRange.start)) : $fVQNv$internationalizeddate.toCalendarDateTime(dateRange.start, timeRange.start),
		end: 'timeZone' in timeRange.end ? timeRange.end.set($fVQNv$internationalizeddate.toDateFields(dateRange.end)) : $fVQNv$internationalizeddate.toCalendarDateTime(dateRange.end, timeRange.end)
		});
		};
		// Intercept setValue to make sure the Time section is not changed by date selection in Calendar
		let setDateRange = (range)=>{
		if (hasTime) {
		if (range.start && range.end && timeRange1?.start && timeRange1?.end) commitValue(range, timeRange1);
		else setSelectedDateRange(range);
		} else if (range.start && range.end) setValue(range);
		else setSelectedDateRange(range);
		if (!hasTime) setOpen(false);
		};
		let setTimeRange = (range)=>{
		if (dateRange1?.start && dateRange1?.end && range.start && range.end) commitValue(dateRange1, range);
		else setSelectedTimeRange(range);
		};
		let validationState = props.validationState \|\| (value1 != null && ($b15d33af207752c1$export$eac50920cf2fd59a(value1.start, props.minValue, props.maxValue) \|\| $b15d33af207752c1$export$eac50920cf2fd59a(value1.end, props.minValue, props.maxValue) \|\| value1.end != null && value1.start != null && value1.end.compare(value1.start) < 0) ? 'invalid' : null);
		return {
		value: value1,
		setValue: setValue,
		dateRange: dateRange1,
		timeRange: timeRange1,
		granularity: granularity,
		setDate (part, date) {
		setDateRange({
		...dateRange1,
		[part]: date
		});
		},
		setTime (part, time) {
		setTimeRange({
		...timeRange1,
		[part]: time
		});
		},
		setDateTime (part, dateTime) {
		setValue({
		...value1,
		[part]: dateTime
		});
		},
		setDateRange: setDateRange,
		setTimeRange: setTimeRange,
		isOpen: isOpen1,
		setOpen (isOpen) {
		// Commit the selected date range when the calendar is closed. Use a placeholder time if one wasn't set.
		// If only the time range was set and not the date range, don't commit. The state will be preserved until
		// the user opens the popover again.
		if (!isOpen && !(value1?.start && value1?.end) && dateRange1?.start && dateRange1?.end && hasTime) commitValue(dateRange1, {
		start: timeRange1?.start \|\| $b15d33af207752c1$export$c5221a78ef73c5e9(props.placeholderValue),
		end: timeRange1?.end \|\| $b15d33af207752c1$export$c5221a78ef73c5e9(props.placeholderValue)
		});
		setOpen(isOpen);
		},
		validationState: validationState,
		formatValue (locale, fieldOptions) {
		if (!value1 \|\| !value1.start \|\| !value1.end) return '';
		let startTimeZone = 'timeZone' in value1.start ? value1.start.timeZone : undefined;
		let startGranularity = props.granularity \|\| (value1.start && 'minute' in value1.start ? 'minute' : 'day');
		let endTimeZone = 'timeZone' in value1.end ? value1.end.timeZone : undefined;
		let endGranularity = props.granularity \|\| (value1.end && 'minute' in value1.end ? 'minute' : 'day');
		let startOptions = $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, {
		granularity: startGranularity,
		timeZone: startTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		let startFormatter = new $fVQNv$internationalizeddate.DateFormatter(locale, startOptions);
		let endFormatter;
		if (startTimeZone === endTimeZone && startGranularity === endGranularity) {
		// Use formatRange, as it results in shorter output when some of the fields
		// are shared between the start and end dates (e.g. the same month).
		// Formatting will fail if the end date is before the start date. Fall back below when that happens.
		try {
		return startFormatter.formatRange(value1.start.toDate(startTimeZone), value1.end.toDate(endTimeZone));
		} catch (e) {
		// ignore
		}
		endFormatter = startFormatter;
		} else {
		let endOptions = $b15d33af207752c1$export$7e319ea407e63bc0(fieldOptions, {
		granularity: endGranularity,
		timeZone: endTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		endFormatter = new $fVQNv$internationalizeddate.DateFormatter(locale, endOptions);
		}
		return `${startFormatter.format(value1.start.toDate(startTimeZone))} – ${endFormatter.format(value1.end.toDate(endTimeZone))}`;
		},
		confirmPlaceholder () {
		// Need to use ref value here because the value can be set in the same tick as
		// a blur, which means the component won't have re-rendered yet.
		let value = valueRef.current;
		if (value && Boolean(value.start) !== Boolean(value.end)) {
		let calendar = (value.start \|\| value.end).calendar;
		let placeholder = $b15d33af207752c1$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone);
		setValue({
		start: value.start \|\| placeholder,
		end: value.end \|\| placeholder
		});
		}
		}

		case 'hour':
		case 'minute':
		case 'second':
		return value.cycle(part, amount, {
		round: part !== 'hour',
		hourCycle: options.hour12 ? 12 : 24
		});
		}
		}
		};
		}

		function $b879385ee0fe7268aa1feb476f2d613$var$setSegment(value, part, segmentValue, options) {
		switch (part) {
		case 'day':
		case 'month':
		case 'year':
		return value.set({
		[part]: segmentValue
		});
		}

		if ('hour' in value) {
		switch (part) {
		case 'dayPeriod':
		{
		let hours = value.hour;
		let wasPM = hours >= 12;
		let isPM = segmentValue >= 12;
		var $15e3a6cb74406331$exports = {};

		if (isPM === wasPM) {
		return value;
		}
		$parcel$export($15e3a6cb74406331$exports, "useTimeFieldState", () => $15e3a6cb74406331$export$fd53cef0cc796101);

		return value.set({
		hour: wasPM ? hours - 12 : hours + 12
		});
		}

		case 'hour':
		// In 12 hour time, ensure that AM/PM does not change
		if (options.hour12) {
		let hours = value.hour;
		let wasPM = hours >= 12;

		if (!wasPM && segmentValue === 12) {
		segmentValue = 0;
		}

		if (wasPM && segmentValue < 12) {
		segmentValue += 12;
		}
		}

		// fallthrough

		case 'minute':
		case 'second':
		return value.set({
		[part]: segmentValue
		});
		}
		}
		}

		function useDateRangePickerState(props) {
		let [isOpen, setOpen] = useState(false);
		let [controlledValue, setControlledValue] = useControlledState(props.value, props.defaultValue \|\| null, props.onChange);
		let [placeholderValue, setPlaceholderValue] = useState(() => controlledValue \|\| {
		start: null,
		end: null
		}); // Reset the placeholder if the value prop is set to null.

		if (controlledValue == null && placeholderValue.start && placeholderValue.end) {
		placeholderValue = {
		start: null,
		end: null
		function $15e3a6cb74406331$export$fd53cef0cc796101(props) {
		let { placeholderValue: placeholderValue = new $fVQNv$internationalizeddate.Time() , minValue: minValue , maxValue: maxValue , granularity: granularity } = props;
		let [value, setValue] = $fVQNv$reactstatelyutils.useControlledState(props.value, props.defaultValue, props.onChange);
		let v = value \|\| placeholderValue;
		let day = v && 'day' in v ? v : undefined;
		let placeholderDate = $fVQNv$react.useMemo(()=>$15e3a6cb74406331$var$convertValue(placeholderValue)
		, [
		placeholderValue
		]);
		let minDate = $fVQNv$react.useMemo(()=>$15e3a6cb74406331$var$convertValue(minValue, day)
		, [
		minValue,
		day
		]);
		let maxDate = $fVQNv$react.useMemo(()=>$15e3a6cb74406331$var$convertValue(maxValue, day)
		, [
		maxValue,
		day
		]);
		let dateTime = $fVQNv$react.useMemo(()=>value == null ? null : $15e3a6cb74406331$var$convertValue(value)
		, [
		value
		]);
		let onChange = (newValue)=>{
		setValue(v && 'day' in v ? newValue : newValue && $fVQNv$internationalizeddate.toTime(newValue));
		};
		setPlaceholderValue(placeholderValue);
		}

		let value = controlledValue \|\| placeholderValue;
		let valueRef = useRef(value);
		valueRef.current = value;

		let setValue = value => {
		valueRef.current = value;
		setPlaceholderValue(value);

		if (value != null && value.start && value.end) {
		setControlledValue(value);
		} else {
		setControlledValue(null);
		}
		};

		let v = (value == null ? void 0 : value.start) \|\| (value == null ? void 0 : value.end) \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $d2539a9a7cedbf57925a2a19$export$useDefaultProps(v, props.granularity);
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second' \|\| granularity === 'millisecond';
		let [dateRange, setSelectedDateRange] = useState(null);
		let [timeRange, setSelectedTimeRange] = useState(null);

		if (value && value.start && value.end) {
		dateRange = value;

		if ('hour' in value.start) {
		timeRange = value;
		}
		}

		let commitValue = (dateRange, timeRange) => {
		setValue({
		start: 'timeZone' in timeRange.start ? timeRange.start.set(toDateFields(dateRange.start)) : toCalendarDateTime(dateRange.start, timeRange.start),
		end: 'timeZone' in timeRange.end ? timeRange.end.set(toDateFields(dateRange.end)) : toCalendarDateTime(dateRange.end, timeRange.end)
		return $db920376312b84b4$export$714a241b39a650d6({
		...props,
		value: dateTime,
		defaultValue: undefined,
		minValue: minDate,
		maxValue: maxDate,
		onChange: onChange,
		granularity: granularity \|\| 'minute',
		maxGranularity: 'hour',
		placeholderValue: placeholderDate
		});
		}; // Intercept setValue to make sure the Time section is not changed by date selection in Calendar


		let setDateRange = range => {
		if (hasTime) {
		var _timeRange, _timeRange2;

		if (range.start && range.end && (_timeRange = timeRange) != null && _timeRange.start && (_timeRange2 = timeRange) != null && _timeRange2.end) {
		commitValue(range, timeRange);
		} else {
		setSelectedDateRange(range);
		}
		} else if (range.start && range.end) {
		setValue(range);
		} else {
		setSelectedDateRange(range);
		}

		if (!hasTime) {
		setOpen(false);
		}
		};

		let setTimeRange = range => {
		var _dateRange, _dateRange2;

		if ((_dateRange = dateRange) != null && _dateRange.start && (_dateRange2 = dateRange) != null && _dateRange2.end && range.start && range.end) {
		commitValue(dateRange, range);
		} else {
		setSelectedTimeRange(range);
		}
		};

		let validationState = props.validationState \|\| (value != null && ($d2539a9a7cedbf57925a2a19$export$isInvalid(value.start, props.minValue, props.maxValue) \|\| $d2539a9a7cedbf57925a2a19$export$isInvalid(value.end, props.minValue, props.maxValue) \|\| value.end != null && value.start != null && value.end.compare(value.start) < 0) ? 'invalid' : null);
		return {
		value,
		setValue,
		dateRange,
		timeRange,
		granularity,

		setDate(part, date) {
		setDateRange(_babelRuntimeHelpersExtends({}, dateRange, {
		[part]: date
		}));
		},

		setTime(part, time) {
		setTimeRange(_babelRuntimeHelpersExtends({}, timeRange, {
		[part]: time
		}));
		},

		setDateTime(part, dateTime) {
		setValue(_babelRuntimeHelpersExtends({}, value, {
		[part]: dateTime
		}));
		},

		setDateRange,
		setTimeRange,
		isOpen,

		setOpen(isOpen) {
		var _dateRange3, _dateRange4;

		// Commit the selected date range when the calendar is closed. Use a placeholder time if one wasn't set.
		// If only the time range was set and not the date range, don't commit. The state will be preserved until
		// the user opens the popover again.
		if (!isOpen && !(value != null && value.start && value != null && value.end) && (_dateRange3 = dateRange) != null && _dateRange3.start && (_dateRange4 = dateRange) != null && _dateRange4.end && hasTime) {
		var _timeRange3, _timeRange4;

		commitValue(dateRange, {
		start: ((_timeRange3 = timeRange) == null ? void 0 : _timeRange3.start) \|\| $d2539a9a7cedbf57925a2a19$export$getPlaceholderTime(props.placeholderValue),
		end: ((_timeRange4 = timeRange) == null ? void 0 : _timeRange4.end) \|\| $d2539a9a7cedbf57925a2a19$export$getPlaceholderTime(props.placeholderValue)
		});
		}

		setOpen(isOpen);
		},

		validationState,

		formatValue(locale, fieldOptions) {
		if (!value \|\| !value.start \|\| !value.end) {
		return '';
		}

		let startTimeZone = 'timeZone' in value.start ? value.start.timeZone : undefined;
		let startGranularity = props.granularity \|\| (value.start && 'minute' in value.start ? 'minute' : 'day');
		let endTimeZone = 'timeZone' in value.end ? value.end.timeZone : undefined;
		let endGranularity = props.granularity \|\| (value.end && 'minute' in value.end ? 'minute' : 'day');
		let startOptions = $d2539a9a7cedbf57925a2a19$export$getFormatOptions(fieldOptions, {
		granularity: startGranularity,
		timeZone: startTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		let startFormatter = new DateFormatter(locale, startOptions);
		let endFormatter;

		if (startTimeZone === endTimeZone && startGranularity === endGranularity) {
		// Use formatRange, as it results in shorter output when some of the fields
		// are shared between the start and end dates (e.g. the same month).
		// Formatting will fail if the end date is before the start date. Fall back below when that happens.
		try {
		return startFormatter.formatRange(value.start.toDate(startTimeZone), value.end.toDate(endTimeZone));
		} catch (e) {// ignore
		}

		endFormatter = startFormatter;
		} else {
		let endOptions = $d2539a9a7cedbf57925a2a19$export$getFormatOptions(fieldOptions, {
		granularity: endGranularity,
		timeZone: endTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		endFormatter = new DateFormatter(locale, endOptions);
		}

		return startFormatter.format(value.start.toDate(startTimeZone)) + " \u2013 " + endFormatter.format(value.end.toDate(endTimeZone));
		},

		confirmPlaceholder() {
		// Need to use ref value here because the value can be set in the same tick as
		// a blur, which means the component won't have re-rendered yet.
		let value = valueRef.current;

		if (value && Boolean(value.start) !== Boolean(value.end)) {
		let calendar = (value.start \|\| value.end).calendar;
		let placeholder = $d2539a9a7cedbf57925a2a19$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone);
		setValue({
		start: value.start \|\| placeholder,
		end: value.end \|\| placeholder
		});
		}
		}

		};
		}

		exports.useDateRangePickerState = useDateRangePickerState;

		function useTimeFieldState(props) {
		let {
		placeholderValue = new Time(),
		minValue,
		maxValue,
		granularity
		} = props;
		let [value, setValue] = useControlledState(props.value, props.defaultValue, props.onChange);
		let v = value \|\| placeholderValue;
		let day = v && 'day' in v ? v : undefined;
		let placeholderDate = useMemo(() => $f9f46b85e0aaf88609046f630d1d0a9$var$convertValue(placeholderValue), [placeholderValue]);
		let minDate = useMemo(() => $f9f46b85e0aaf88609046f630d1d0a9$var$convertValue(minValue, day), [minValue, day]);
		let maxDate = useMemo(() => $f9f46b85e0aaf88609046f630d1d0a9$var$convertValue(maxValue, day), [maxValue, day]);
		let dateTime = useMemo(() => value == null ? null : $f9f46b85e0aaf88609046f630d1d0a9$var$convertValue(value), [value]);

		let onChange = newValue => {
		setValue(v && 'day' in v ? newValue : newValue && toTime(newValue));
		};

		return useDatePickerFieldState(_babelRuntimeHelpersExtends({}, props, {
		value: dateTime,
		defaultValue: undefined,
		minValue: minDate,
		maxValue: maxDate,
		onChange,
		granularity: granularity \|\| 'minute',
		maxGranularity: 'hour',
		placeholderValue: placeholderDate
		}));
		function $15e3a6cb74406331$var$convertValue(value, date = $fVQNv$internationalizeddate.today($fVQNv$internationalizeddate.getLocalTimeZone())) {
		if (!value) return null;
		if ('day' in value) return value;
		return $fVQNv$internationalizeddate.toCalendarDateTime(date, value);
		}

		exports.useTimeFieldState = useTimeFieldState;

		function $f9f46b85e0aaf88609046f630d1d0a9$var$convertValue(value, date) {
		if (date === void 0) {
		date = today(getLocalTimeZone());
		}
		$parcel$exportWildcard(module.exports, $f0afaa11cdb4d9e5$exports);
		$parcel$exportWildcard(module.exports, $db920376312b84b4$exports);
		$parcel$exportWildcard(module.exports, $142433ca1a8bbced$exports);
		$parcel$exportWildcard(module.exports, $15e3a6cb74406331$exports);

		if (!value) {
		return null;
		}

		if ('day' in value) {
		return value;
		}

		return toCalendarDateTime(date, value);
		}
		//# sourceMappingURL=main.js.map

1448

dist/module.js

		@@ -1,837 +0,735 @@
		import { useControlledState } from "@react-stately/utils";
		import { useRef, useState, useEffect, useMemo } from "react";
		import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
		import { DateFormatter, toCalendarDateTime, toDateFields, now, Time, toCalendar, toCalendarDate, getMinimumDayInMonth, getMinimumMonthInYear, GregorianCalendar, getLocalTimeZone, today, toTime } from "@internationalized/date";
		import {toDateFields as $9O5yO$toDateFields, toCalendarDateTime as $9O5yO$toCalendarDateTime, DateFormatter as $9O5yO$DateFormatter, Time as $9O5yO$Time, toCalendar as $9O5yO$toCalendar, now as $9O5yO$now, toCalendarDate as $9O5yO$toCalendarDate, GregorianCalendar as $9O5yO$GregorianCalendar, getMinimumMonthInYear as $9O5yO$getMinimumMonthInYear, getMinimumDayInMonth as $9O5yO$getMinimumDayInMonth, toTime as $9O5yO$toTime, today as $9O5yO$today, getLocalTimeZone as $9O5yO$getLocalTimeZone} from "@internationalized/date";
		import {useControlledState as $9O5yO$useControlledState} from "@react-stately/utils";
		import {useState as $9O5yO$useState, useRef as $9O5yO$useRef, useMemo as $9O5yO$useMemo, useEffect as $9O5yO$useEffect} from "react";

		function $d98d1ab08708c80c4fc9e163fea8b89e$export$isInvalid(value, minValue, maxValue) {
		return value != null && (minValue != null && value.compare(minValue) < 0 \|\| maxValue != null && value.compare(maxValue) > 0);
		function $parcel$export(e, n, v, s) {
		Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
		}
		var $26fdc69faf7f6df5$exports = {};

		const $d98d1ab08708c80c4fc9e163fea8b89e$var$DEFAULT_FIELD_OPTIONS = {
		year: 'numeric',
		month: 'numeric',
		day: 'numeric',
		hour: 'numeric',
		minute: '2-digit',
		second: '2-digit'
		};
		$parcel$export($26fdc69faf7f6df5$exports, "useDatePickerState", () => $26fdc69faf7f6df5$export$87194bb378cc3ac2);

		function $d98d1ab08708c80c4fc9e163fea8b89e$export$getFormatOptions(fieldOptions, options) {
		var _options$maxGranulari;

		fieldOptions = _babelRuntimeHelpersEsmExtends({}, $d98d1ab08708c80c4fc9e163fea8b89e$var$DEFAULT_FIELD_OPTIONS, fieldOptions);
		let granularity = options.granularity \|\| 'minute';
		let keys = Object.keys(fieldOptions);
		let startIdx = keys.indexOf((_options$maxGranulari = options.maxGranularity) != null ? _options$maxGranulari : 'year');

		if (startIdx < 0) {
		startIdx = 0;
		}

		let endIdx = keys.indexOf(granularity);

		if (endIdx < 0) {
		endIdx = 2;
		}

		if (startIdx > endIdx) {
		throw new Error('maxGranularity must be greater than granularity');
		}

		let opts = keys.slice(startIdx, endIdx + 1).reduce((opts, key) => {
		opts[key] = fieldOptions[key];
		return opts;
		}, {});

		if (options.hourCycle != null) {
		opts.hour12 = options.hourCycle === 12;
		}

		opts.timeZone = options.timeZone \|\| 'UTC';
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second';

		if (hasTime && options.timeZone && !options.hideTimeZone) {
		opts.timeZoneName = 'short';
		}

		return opts;
		function $0482414725a5065f$export$eac50920cf2fd59a(value, minValue, maxValue) {
		return value != null && (minValue != null && value.compare(minValue) < 0 \|\| maxValue != null && value.compare(maxValue) > 0);
		}

		function $d98d1ab08708c80c4fc9e163fea8b89e$export$getPlaceholderTime(placeholderValue) {
		if (placeholderValue && 'hour' in placeholderValue) {
		return placeholderValue;
		}

		return new Time();
		const $0482414725a5065f$var$DEFAULT_FIELD_OPTIONS = {
		year: 'numeric',
		month: 'numeric',
		day: 'numeric',
		hour: 'numeric',
		minute: '2-digit',
		second: '2-digit'
		};
		function $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, options) {
		fieldOptions = {
		...$0482414725a5065f$var$DEFAULT_FIELD_OPTIONS,
		...fieldOptions
		};
		let granularity = options.granularity \|\| 'minute';
		let keys = Object.keys(fieldOptions);
		let startIdx = keys.indexOf(options.maxGranularity ?? 'year');
		if (startIdx < 0) startIdx = 0;
		let endIdx = keys.indexOf(granularity);
		if (endIdx < 0) endIdx = 2;
		if (startIdx > endIdx) throw new Error('maxGranularity must be greater than granularity');
		let opts1 = keys.slice(startIdx, endIdx + 1).reduce((opts, key)=>{
		opts[key] = fieldOptions[key];
		return opts;
		}, {
		});
		if (options.hourCycle != null) opts1.hour12 = options.hourCycle === 12;
		opts1.timeZone = options.timeZone \|\| 'UTC';
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second';
		if (hasTime && options.timeZone && !options.hideTimeZone) opts1.timeZoneName = 'short';
		return opts1;
		}

		function $d98d1ab08708c80c4fc9e163fea8b89e$export$convertValue(value, calendar) {
		if (value === null) {
		return null;
		}

		if (!value) {
		return undefined;
		}

		return toCalendar(value, calendar);
		function $0482414725a5065f$export$c5221a78ef73c5e9(placeholderValue) {
		if (placeholderValue && 'hour' in placeholderValue) return placeholderValue;
		return new $9O5yO$Time();
		}

		function $d98d1ab08708c80c4fc9e163fea8b89e$export$createPlaceholderDate(placeholderValue, granularity, calendar, timeZone) {
		if (placeholderValue) {
		return $d98d1ab08708c80c4fc9e163fea8b89e$export$convertValue(placeholderValue, calendar);
		}

		let date = toCalendar(now(timeZone).set({
		hour: 0,
		minute: 0,
		second: 0,
		millisecond: 0
		}), calendar);

		if (granularity === 'year' \|\| granularity === 'month' \|\| granularity === 'day') {
		return toCalendarDate(date);
		}

		if (!timeZone) {
		return toCalendarDateTime(date);
		}

		return date;
		function $0482414725a5065f$export$61a490a80c552550(value, calendar) {
		if (value === null) return null;
		if (!value) return undefined;
		return $9O5yO$toCalendar(value, calendar);
		}

		function $d98d1ab08708c80c4fc9e163fea8b89e$export$useDefaultProps(v, granularity) {
		// Compute default granularity and time zone from the value. If the value becomes null, keep the last values.
		let lastValue = useRef(v);

		if (v) {
		lastValue.current = v;
		}

		v = lastValue.current;
		let defaultTimeZone = v && 'timeZone' in v ? v.timeZone : undefined;
		granularity = granularity \|\| (v && 'minute' in v ? 'minute' : 'day'); // props.granularity must actually exist in the value if one is provided.

		if (v && !(granularity in v)) {
		throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		}

		return [granularity, defaultTimeZone];
		function $0482414725a5065f$export$66aa2b09de4b1ea5(placeholderValue, granularity, calendar, timeZone) {
		if (placeholderValue) return $0482414725a5065f$export$61a490a80c552550(placeholderValue, calendar);
		let date = $9O5yO$toCalendar($9O5yO$now(timeZone).set({
		hour: 0,
		minute: 0,
		second: 0,
		millisecond: 0
		}), calendar);
		if (granularity === 'year' \|\| granularity === 'month' \|\| granularity === 'day') return $9O5yO$toCalendarDate(date);
		if (!timeZone) return $9O5yO$toCalendarDateTime(date);
		return date;
		}
		function $0482414725a5065f$export$2440da353cedad43(v, granularity) {
		// Compute default granularity and time zone from the value. If the value becomes null, keep the last values.
		let lastValue = $9O5yO$useRef(v);
		if (v) lastValue.current = v;
		v = lastValue.current;
		let defaultTimeZone = v && 'timeZone' in v ? v.timeZone : undefined;
		granularity = granularity \|\| (v && 'minute' in v ? 'minute' : 'day');
		// props.granularity must actually exist in the value if one is provided.
		if (v && !(granularity in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		return [
		granularity,
		defaultTimeZone
		];
		}

		export function useDatePickerState(props) {
		let [isOpen, setOpen] = useState(false);
		let [value, setValue] = useControlledState(props.value, props.defaultValue \|\| null, props.onChange);
		let v = value \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $d98d1ab08708c80c4fc9e163fea8b89e$export$useDefaultProps(v, props.granularity);
		let dateValue = value != null ? value.toDate(defaultTimeZone != null ? defaultTimeZone : 'UTC') : null;
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second' \|\| granularity === 'millisecond';
		let [selectedDate, setSelectedDate] = useState(null);
		let [selectedTime, setSelectedTime] = useState(null);

		if (value) {
		selectedDate = value;

		if ('hour' in value) {
		selectedTime = value;
		}
		} // props.granularity must actually exist in the value if one is provided.


		if (v && !(granularity in v)) {
		throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		}

		let commitValue = (date, time) => {
		setValue('timeZone' in time ? time.set(toDateFields(date)) : toCalendarDateTime(date, time));
		}; // Intercept setValue to make sure the Time section is not changed by date selection in Calendar


		let selectDate = newValue => {
		if (hasTime) {
		if (selectedTime) {
		commitValue(newValue, selectedTime);
		} else {
		setSelectedDate(newValue);
		}
		} else {
		setValue(newValue);
		function $26fdc69faf7f6df5$export$87194bb378cc3ac2(props) {
		let [isOpen1, setOpen] = $9O5yO$useState(false);
		let [value, setValue] = $9O5yO$useControlledState(props.value, props.defaultValue \|\| null, props.onChange);
		let v = value \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $0482414725a5065f$export$2440da353cedad43(v, props.granularity);
		let dateValue = value != null ? value.toDate(defaultTimeZone ?? 'UTC') : null;
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second' \|\| granularity === 'millisecond';
		let [selectedDate, setSelectedDate] = $9O5yO$useState(null);
		let [selectedTime, setSelectedTime] = $9O5yO$useState(null);
		if (value) {
		selectedDate = value;
		if ('hour' in value) selectedTime = value;
		}
		// props.granularity must actually exist in the value if one is provided.
		if (v && !(granularity in v)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		let commitValue = (date, time)=>{
		setValue('timeZone' in time ? time.set($9O5yO$toDateFields(date)) : $9O5yO$toCalendarDateTime(date, time));
		};
		// Intercept setValue to make sure the Time section is not changed by date selection in Calendar
		let selectDate = (newValue)=>{
		if (hasTime) {
		if (selectedTime) commitValue(newValue, selectedTime);
		else setSelectedDate(newValue);
		} else setValue(newValue);
		if (!hasTime) setOpen(false);
		};
		let selectTime = (newValue)=>{
		if (selectedDate) commitValue(selectedDate, newValue);
		else setSelectedTime(newValue);
		};
		let validationState = props.validationState \|\| ($0482414725a5065f$export$eac50920cf2fd59a(value, props.minValue, props.maxValue) ? 'invalid' : null);
		return {
		value: value,
		setValue: setValue,
		dateValue: selectedDate,
		timeValue: selectedTime,
		setDateValue: selectDate,
		setTimeValue: selectTime,
		granularity: granularity,
		isOpen: isOpen1,
		setOpen (isOpen) {
		// Commit the selected date when the calendar is closed. Use a placeholder time if one wasn't set.
		// If only the time was set and not the date, don't commit. The state will be preserved until
		// the user opens the popover again.
		if (!isOpen && !value && selectedDate && hasTime) commitValue(selectedDate, selectedTime \|\| $0482414725a5065f$export$c5221a78ef73c5e9(props.placeholderValue));
		setOpen(isOpen);
		},
		validationState: validationState,
		formatValue (locale, fieldOptions) {
		if (!dateValue) return '';
		let formatOptions = $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, {
		granularity: granularity,
		timeZone: defaultTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		let formatter = new $9O5yO$DateFormatter(locale, formatOptions);
		return formatter.format(dateValue);
		}
		};
		}

		if (!hasTime) {
		setOpen(false);
		}
		};

		let selectTime = newValue => {
		if (selectedDate) {
		commitValue(selectedDate, newValue);
		} else {
		setSelectedTime(newValue);
		}
		};
		var $14e72de17b214ee8$exports = {};

		let validationState = props.validationState \|\| ($d98d1ab08708c80c4fc9e163fea8b89e$export$isInvalid(value, props.minValue, props.maxValue) ? 'invalid' : null);
		return {
		value,
		setValue,
		dateValue: selectedDate,
		timeValue: selectedTime,
		setDateValue: selectDate,
		setTimeValue: selectTime,
		granularity,
		isOpen,
		$parcel$export($14e72de17b214ee8$exports, "useDatePickerFieldState", () => $14e72de17b214ee8$export$714a241b39a650d6);

		setOpen(isOpen) {
		// Commit the selected date when the calendar is closed. Use a placeholder time if one wasn't set.
		// If only the time was set and not the date, don't commit. The state will be preserved until
		// the user opens the popover again.
		if (!isOpen && !value && selectedDate && hasTime) {
		commitValue(selectedDate, selectedTime \|\| $d98d1ab08708c80c4fc9e163fea8b89e$export$getPlaceholderTime(props.placeholderValue));
		}

		setOpen(isOpen);
		},

		validationState,

		formatValue(locale, fieldOptions) {
		if (!dateValue) {
		return '';
		}

		let formatOptions = $d98d1ab08708c80c4fc9e163fea8b89e$export$getFormatOptions(fieldOptions, {
		const $14e72de17b214ee8$var$EDITABLE_SEGMENTS = {
		year: true,
		month: true,
		day: true,
		hour: true,
		minute: true,
		second: true,
		dayPeriod: true,
		era: true
		};
		const $14e72de17b214ee8$var$PAGE_STEP = {
		year: 5,
		month: 2,
		day: 7,
		hour: 2,
		minute: 15,
		second: 15
		};
		// Node seems to convert everything to lowercase...
		const $14e72de17b214ee8$var$TYPE_MAPPING = {
		dayperiod: 'dayPeriod'
		};
		function $14e72de17b214ee8$export$714a241b39a650d6(props) {
		let { locale: locale , createCalendar: createCalendar , hideTimeZone: hideTimeZone } = props;
		let v1 = props.value \|\| props.defaultValue \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $0482414725a5065f$export$2440da353cedad43(v1, props.granularity);
		let timeZone = defaultTimeZone \|\| 'UTC';
		// props.granularity must actually exist in the value if one is provided.
		if (v1 && !(granularity in v1)) throw new Error('Invalid granularity ' + granularity + ' for value ' + v1.toString());
		let formatOpts = $9O5yO$useMemo(()=>({
		granularity: granularity,
		maxGranularity: props.maxGranularity ?? 'year',
		timeZone: defaultTimeZone,
		hideTimeZone: hideTimeZone,
		hourCycle: props.hourCycle
		})
		, [
		props.maxGranularity,
		granularity,
		timeZone: defaultTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		let formatter = new DateFormatter(locale, formatOptions);
		return formatter.format(dateValue);
		props.hourCycle,
		defaultTimeZone,
		hideTimeZone
		]);
		let opts = $9O5yO$useMemo(()=>$0482414725a5065f$export$7e319ea407e63bc0({
		}, formatOpts)
		, [
		formatOpts
		]);
		let dateFormatter = $9O5yO$useMemo(()=>new $9O5yO$DateFormatter(locale, opts)
		, [
		locale,
		opts
		]);
		let resolvedOptions = $9O5yO$useMemo(()=>dateFormatter.resolvedOptions()
		, [
		dateFormatter
		]);
		let calendar = $9O5yO$useMemo(()=>createCalendar(resolvedOptions.calendar)
		, [
		createCalendar,
		resolvedOptions.calendar
		]);
		// Determine how many editable segments there are for validation purposes.
		// The result is cached for performance.
		let allSegments = $9O5yO$useMemo(()=>dateFormatter.formatToParts(new Date()).filter((seg)=>$14e72de17b214ee8$var$EDITABLE_SEGMENTS[seg.type]
		).reduce((p, seg)=>(p[seg.type] = true, p)
		, {
		})
		, [
		dateFormatter
		]);
		let [validSegments, setValidSegments] = $9O5yO$useState(()=>props.value \|\| props.defaultValue ? {
		...allSegments
		} : {
		}
		);
		// We keep track of the placeholder date separately in state so that onChange is not called
		// until all segments are set. If the value === null (not undefined), then assume the component
		// is controlled, so use the placeholder as the value until all segments are entered so it doesn't
		// change from uncontrolled to controlled and emit a warning.
		let [placeholderDate, setPlaceholderDate] = $9O5yO$useState(()=>$0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone)
		);
		// Reset placeholder when calendar changes
		let lastCalendarIdentifier = $9O5yO$useRef(calendar.identifier);
		$9O5yO$useEffect(()=>{
		if (calendar.identifier !== lastCalendarIdentifier.current) {
		lastCalendarIdentifier.current = calendar.identifier;
		setPlaceholderDate((placeholder)=>Object.keys(validSegments).length > 0 ? $9O5yO$toCalendar(placeholder, calendar) : $0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone)
		);
		}
		}, [
		calendar,
		granularity,
		validSegments,
		defaultTimeZone,
		props.placeholderValue
		]);
		let [value1, setDate] = $9O5yO$useControlledState(props.value, props.defaultValue, props.onChange);
		let calendarValue = $9O5yO$useMemo(()=>$0482414725a5065f$export$61a490a80c552550(value1, calendar)
		, [
		value1,
		calendar
		]);
		// If there is a value prop, and some segments were previously placeholders, mark them all as valid.
		if (value1 && Object.keys(validSegments).length < Object.keys(allSegments).length) {
		validSegments = {
		...allSegments
		};
		setValidSegments(validSegments);
		}

		};
		}
		const $cadbb83c92e54ed3477855c493450ee4$var$EDITABLE_SEGMENTS = {
		year: true,
		month: true,
		day: true,
		hour: true,
		minute: true,
		second: true,
		dayPeriod: true,
		era: true
		};
		const $cadbb83c92e54ed3477855c493450ee4$var$PAGE_STEP = {
		year: 5,
		month: 2,
		day: 7,
		hour: 2,
		minute: 15,
		second: 15
		}; // Node seems to convert everything to lowercase...

		const $cadbb83c92e54ed3477855c493450ee4$var$TYPE_MAPPING = {
		dayperiod: 'dayPeriod'
		};
		export function useDatePickerFieldState(props) {
		let {
		locale,
		createCalendar,
		hideTimeZone
		} = props;
		let v = props.value \|\| props.defaultValue \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $d98d1ab08708c80c4fc9e163fea8b89e$export$useDefaultProps(v, props.granularity);
		let timeZone = defaultTimeZone \|\| 'UTC'; // props.granularity must actually exist in the value if one is provided.

		if (v && !(granularity in v)) {
		throw new Error('Invalid granularity ' + granularity + ' for value ' + v.toString());
		}

		let formatOpts = useMemo(() => {
		var _props$maxGranularity;

		// If the value is set to null and all segments are valid, reset the placeholder.
		if (value1 == null && Object.keys(validSegments).length === Object.keys(allSegments).length) {
		validSegments = {
		};
		setValidSegments(validSegments);
		setPlaceholderDate($0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone));
		}
		// If all segments are valid, use the date from state, otherwise use the placeholder date.
		let displayValue = calendarValue && Object.keys(validSegments).length >= Object.keys(allSegments).length ? calendarValue : placeholderDate;
		let setValue = (newValue)=>{
		if (props.isDisabled \|\| props.isReadOnly) return;
		if (Object.keys(validSegments).length >= Object.keys(allSegments).length) {
		// The display calendar should not have any effect on the emitted value.
		// Emit dates in the same calendar as the original value, if any, otherwise gregorian.
		newValue = $9O5yO$toCalendar(newValue, v1?.calendar \|\| new $9O5yO$GregorianCalendar());
		setDate(newValue);
		} else setPlaceholderDate(newValue);
		};
		let dateValue = $9O5yO$useMemo(()=>displayValue.toDate(timeZone)
		, [
		displayValue,
		timeZone
		]);
		let segments = $9O5yO$useMemo(()=>dateFormatter.formatToParts(dateValue).map((segment)=>{
		let isEditable = $14e72de17b214ee8$var$EDITABLE_SEGMENTS[segment.type];
		if (segment.type === 'era' && calendar.getEras().length === 1) isEditable = false;
		return {
		type: $14e72de17b214ee8$var$TYPE_MAPPING[segment.type] \|\| segment.type,
		text: segment.value,
		...$14e72de17b214ee8$var$getSegmentLimits(displayValue, segment.type, resolvedOptions),
		isPlaceholder: $14e72de17b214ee8$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type],
		isEditable: isEditable
		};
		})
		, [
		dateValue,
		validSegments,
		dateFormatter,
		resolvedOptions,
		displayValue,
		calendar
		]);
		let hasEra = $9O5yO$useMemo(()=>segments.some((s)=>s.type === 'era'
		)
		, [
		segments
		]);
		let markValid = (part)=>{
		validSegments[part] = true;
		if (part === 'year' && hasEra) validSegments.era = true;
		setValidSegments({
		...validSegments
		});
		};
		let adjustSegment = (type, amount)=>{
		markValid(type);
		setValue($14e72de17b214ee8$var$addSegment(displayValue, type, amount, resolvedOptions));
		};
		let validationState = props.validationState \|\| ($0482414725a5065f$export$eac50920cf2fd59a(calendarValue, props.minValue, props.maxValue) ? 'invalid' : null);
		return {
		granularity,
		maxGranularity: (_props$maxGranularity = props.maxGranularity) != null ? _props$maxGranularity : 'year',
		timeZone: defaultTimeZone,
		hideTimeZone,
		hourCycle: props.hourCycle
		value: calendarValue,
		dateValue: dateValue,
		setValue: setValue,
		segments: segments,
		dateFormatter: dateFormatter,
		validationState: validationState,
		granularity: granularity,
		increment (part) {
		adjustSegment(part, 1);
		},
		decrement (part) {
		adjustSegment(part, -1);
		},
		incrementPage (part) {
		adjustSegment(part, $14e72de17b214ee8$var$PAGE_STEP[part] \|\| 1);
		},
		decrementPage (part) {
		adjustSegment(part, -($14e72de17b214ee8$var$PAGE_STEP[part] \|\| 1));
		},
		setSegment (part, v) {
		markValid(part);
		setValue($14e72de17b214ee8$var$setSegment(displayValue, part, v, resolvedOptions));
		},
		confirmPlaceholder (part) {
		if (props.isDisabled \|\| props.isReadOnly) return;
		if (!part) {
		// Confirm the rest of the placeholder if any of the segments are valid.
		let numValid = Object.keys(validSegments).length;
		if (numValid > 0 && numValid < Object.keys(allSegments).length) {
		validSegments = {
		...allSegments
		};
		setValidSegments(validSegments);
		setValue(displayValue.copy());
		}
		} else if (!validSegments[part]) {
		markValid(part);
		setValue(displayValue.copy());
		}
		},
		clearSegment (part) {
		delete validSegments[part];
		setValidSegments({
		...validSegments
		});
		let placeholder = $0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone);
		let value = displayValue;
		// Reset day period to default without changing the hour.
		if (part === 'dayPeriod' && 'hour' in displayValue && 'hour' in placeholder) {
		let isPM = displayValue.hour >= 12;
		let shouldBePM = placeholder.hour >= 12;
		if (isPM && !shouldBePM) value = displayValue.set({
		hour: displayValue.hour - 12
		});
		else if (!isPM && shouldBePM) value = displayValue.set({
		hour: displayValue.hour + 12
		});
		} else if (part in displayValue) value = displayValue.set({
		[part]: placeholder[part]
		});
		setDate(null);
		setValue(value);
		},
		getFormatOptions (fieldOptions) {
		return $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, formatOpts);
		}
		};
		}, [props.maxGranularity, granularity, props.hourCycle, defaultTimeZone, hideTimeZone]);
		let opts = useMemo(() => $d98d1ab08708c80c4fc9e163fea8b89e$export$getFormatOptions({}, formatOpts), [formatOpts]);
		let dateFormatter = useMemo(() => new DateFormatter(locale, opts), [locale, opts]);
		let resolvedOptions = useMemo(() => dateFormatter.resolvedOptions(), [dateFormatter]);
		let calendar = useMemo(() => createCalendar(resolvedOptions.calendar), [createCalendar, resolvedOptions.calendar]); // Determine how many editable segments there are for validation purposes.
		// The result is cached for performance.

		let allSegments = useMemo(() => dateFormatter.formatToParts(new Date()).filter(seg => $cadbb83c92e54ed3477855c493450ee4$var$EDITABLE_SEGMENTS[seg.type]).reduce((p, seg) => (p[seg.type] = true, p), {}), [dateFormatter]);
		let [validSegments, setValidSegments] = useState(() => props.value \|\| props.defaultValue ? _babelRuntimeHelpersEsmExtends({}, allSegments) : {}); // We keep track of the placeholder date separately in state so that onChange is not called
		// until all segments are set. If the value === null (not undefined), then assume the component
		// is controlled, so use the placeholder as the value until all segments are entered so it doesn't
		// change from uncontrolled to controlled and emit a warning.

		let [placeholderDate, setPlaceholderDate] = useState(() => $d98d1ab08708c80c4fc9e163fea8b89e$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone)); // Reset placeholder when calendar changes

		let lastCalendarIdentifier = useRef(calendar.identifier);
		useEffect(() => {
		if (calendar.identifier !== lastCalendarIdentifier.current) {
		lastCalendarIdentifier.current = calendar.identifier;
		setPlaceholderDate(placeholder => Object.keys(validSegments).length > 0 ? toCalendar(placeholder, calendar) : $d98d1ab08708c80c4fc9e163fea8b89e$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone));
		}
		function $14e72de17b214ee8$var$getSegmentLimits(date, type, options) {
		switch(type){
		case 'era':
		{
		let eras = date.calendar.getEras();
		return {
		value: eras.indexOf(date.era),
		minValue: 0,
		maxValue: eras.length - 1
		};
		}
		case 'year':
		return {
		value: date.year,
		minValue: 1,
		maxValue: date.calendar.getYearsInEra(date)
		};
		case 'month':
		return {
		value: date.month,
		minValue: $9O5yO$getMinimumMonthInYear(date),
		maxValue: date.calendar.getMonthsInYear(date)
		};
		case 'day':
		return {
		value: date.day,
		minValue: $9O5yO$getMinimumDayInMonth(date),
		maxValue: date.calendar.getDaysInMonth(date)
		};
		}
		}, [calendar, granularity, validSegments, defaultTimeZone, props.placeholderValue]);
		let [value, setDate] = useControlledState(props.value, props.defaultValue, props.onChange);
		let calendarValue = useMemo(() => $d98d1ab08708c80c4fc9e163fea8b89e$export$convertValue(value, calendar), [value, calendar]); // If there is a value prop, and some segments were previously placeholders, mark them all as valid.

		if (value && Object.keys(validSegments).length < Object.keys(allSegments).length) {
		validSegments = _babelRuntimeHelpersEsmExtends({}, allSegments);
		setValidSegments(validSegments);
		} // If the value is set to null and all segments are valid, reset the placeholder.


		if (value == null && Object.keys(validSegments).length === Object.keys(allSegments).length) {
		validSegments = {};
		setValidSegments(validSegments);
		setPlaceholderDate($d98d1ab08708c80c4fc9e163fea8b89e$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone));
		} // If all segments are valid, use the date from state, otherwise use the placeholder date.


		let displayValue = calendarValue && Object.keys(validSegments).length >= Object.keys(allSegments).length ? calendarValue : placeholderDate;

		let setValue = newValue => {
		if (props.isDisabled \|\| props.isReadOnly) {
		return;
		if ('hour' in date) switch(type){
		case 'dayPeriod':
		return {
		value: date.hour >= 12 ? 12 : 0,
		minValue: 0,
		maxValue: 12
		};
		case 'hour':
		if (options.hour12) {
		let isPM = date.hour >= 12;
		return {
		value: date.hour,
		minValue: isPM ? 12 : 0,
		maxValue: isPM ? 23 : 11
		};
		}
		return {
		value: date.hour,
		minValue: 0,
		maxValue: 23
		};
		case 'minute':
		return {
		value: date.minute,
		minValue: 0,
		maxValue: 59
		};
		case 'second':
		return {
		value: date.second,
		minValue: 0,
		maxValue: 59
		};
		}

		if (Object.keys(validSegments).length >= Object.keys(allSegments).length) {
		// The display calendar should not have any effect on the emitted value.
		// Emit dates in the same calendar as the original value, if any, otherwise gregorian.
		newValue = toCalendar(newValue, (v == null ? void 0 : v.calendar) \|\| new GregorianCalendar());
		setDate(newValue);
		} else {
		setPlaceholderDate(newValue);
		return {
		};
		}
		function $14e72de17b214ee8$var$addSegment(value, part, amount, options) {
		switch(part){
		case 'era':
		case 'year':
		case 'month':
		case 'day':
		return value.cycle(part, amount, {
		round: part === 'year'
		});
		}
		};

		let dateValue = useMemo(() => displayValue.toDate(timeZone), [displayValue, timeZone]);
		let segments = useMemo(() => dateFormatter.formatToParts(dateValue).map(segment => {
		let isEditable = $cadbb83c92e54ed3477855c493450ee4$var$EDITABLE_SEGMENTS[segment.type];

		if (segment.type === 'era' && calendar.getEras().length === 1) {
		isEditable = false;
		if ('hour' in value) switch(part){
		case 'dayPeriod':
		{
		let hours = value.hour;
		let isPM = hours >= 12;
		return value.set({
		hour: isPM ? hours - 12 : hours + 12
		});
		}
		case 'hour':
		case 'minute':
		case 'second':
		return value.cycle(part, amount, {
		round: part !== 'hour',
		hourCycle: options.hour12 ? 12 : 24
		});
		}

		return _babelRuntimeHelpersEsmExtends({
		type: $cadbb83c92e54ed3477855c493450ee4$var$TYPE_MAPPING[segment.type] \|\| segment.type,
		text: segment.value
		}, $cadbb83c92e54ed3477855c493450ee4$var$getSegmentLimits(displayValue, segment.type, resolvedOptions), {
		isPlaceholder: $cadbb83c92e54ed3477855c493450ee4$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type],
		isEditable
		});
		}), [dateValue, validSegments, dateFormatter, resolvedOptions, displayValue, calendar]);
		let hasEra = useMemo(() => segments.some(s => s.type === 'era'), [segments]);

		let markValid = part => {
		validSegments[part] = true;

		if (part === 'year' && hasEra) {
		validSegments.era = true;
		}

		setValidSegments(_babelRuntimeHelpersEsmExtends({}, validSegments));
		};

		let adjustSegment = (type, amount) => {
		markValid(type);
		setValue($cadbb83c92e54ed3477855c493450ee4$var$addSegment(displayValue, type, amount, resolvedOptions));
		};

		let validationState = props.validationState \|\| ($d98d1ab08708c80c4fc9e163fea8b89e$export$isInvalid(calendarValue, props.minValue, props.maxValue) ? 'invalid' : null);
		return {
		value: calendarValue,
		dateValue,
		setValue,
		segments,
		dateFormatter,
		validationState,
		granularity,

		increment(part) {
		adjustSegment(part, 1);
		},

		decrement(part) {
		adjustSegment(part, -1);
		},

		incrementPage(part) {
		adjustSegment(part, $cadbb83c92e54ed3477855c493450ee4$var$PAGE_STEP[part] \|\| 1);
		},

		decrementPage(part) {
		adjustSegment(part, -($cadbb83c92e54ed3477855c493450ee4$var$PAGE_STEP[part] \|\| 1));
		},

		setSegment(part, v) {
		markValid(part);
		setValue($cadbb83c92e54ed3477855c493450ee4$var$setSegment(displayValue, part, v, resolvedOptions));
		},

		confirmPlaceholder(part) {
		if (props.isDisabled \|\| props.isReadOnly) {
		return;
		}

		if (!part) {
		// Confirm the rest of the placeholder if any of the segments are valid.
		let numValid = Object.keys(validSegments).length;

		if (numValid > 0 && numValid < Object.keys(allSegments).length) {
		validSegments = _babelRuntimeHelpersEsmExtends({}, allSegments);
		setValidSegments(validSegments);
		setValue(displayValue.copy());
		}
		} else if (!validSegments[part]) {
		markValid(part);
		setValue(displayValue.copy());
		}
		},

		clearSegment(part) {
		delete validSegments[part];
		setValidSegments(_babelRuntimeHelpersEsmExtends({}, validSegments));
		let placeholder = $d98d1ab08708c80c4fc9e163fea8b89e$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone);
		let value = displayValue; // Reset day period to default without changing the hour.

		if (part === 'dayPeriod' && 'hour' in displayValue && 'hour' in placeholder) {
		let isPM = displayValue.hour >= 12;
		let shouldBePM = placeholder.hour >= 12;

		if (isPM && !shouldBePM) {
		value = displayValue.set({
		hour: displayValue.hour - 12
		});
		} else if (!isPM && shouldBePM) {
		value = displayValue.set({
		hour: displayValue.hour + 12
		});
		}
		} else if (part in displayValue) {
		value = displayValue.set({
		[part]: placeholder[part]
		});
		}

		setDate(null);
		setValue(value);
		},

		getFormatOptions(fieldOptions) {
		return $d98d1ab08708c80c4fc9e163fea8b89e$export$getFormatOptions(fieldOptions, formatOpts);
		}

		};
		}

		function $cadbb83c92e54ed3477855c493450ee4$var$getSegmentLimits(date, type, options) {
		switch (type) {
		case 'era':
		{
		let eras = date.calendar.getEras();
		return {
		value: eras.indexOf(date.era),
		minValue: 0,
		maxValue: eras.length - 1
		};
		}

		case 'year':
		return {
		value: date.year,
		minValue: 1,
		maxValue: date.calendar.getYearsInEra(date)
		};

		case 'month':
		return {
		value: date.month,
		minValue: getMinimumMonthInYear(date),
		maxValue: date.calendar.getMonthsInYear(date)
		};

		case 'day':
		return {
		value: date.day,
		minValue: getMinimumDayInMonth(date),
		maxValue: date.calendar.getDaysInMonth(date)
		};
		}

		if ('hour' in date) {
		switch (type) {
		case 'dayPeriod':
		return {
		value: date.hour >= 12 ? 12 : 0,
		minValue: 0,
		maxValue: 12
		};

		case 'hour':
		if (options.hour12) {
		let isPM = date.hour >= 12;
		return {
		value: date.hour,
		minValue: isPM ? 12 : 0,
		maxValue: isPM ? 23 : 11
		};
		}

		return {
		value: date.hour,
		minValue: 0,
		maxValue: 23
		};

		case 'minute':
		return {
		value: date.minute,
		minValue: 0,
		maxValue: 59
		};

		case 'second':
		return {
		value: date.second,
		minValue: 0,
		maxValue: 59
		};
		function $14e72de17b214ee8$var$setSegment(value, part, segmentValue, options) {
		switch(part){
		case 'day':
		case 'month':
		case 'year':
		return value.set({
		[part]: segmentValue
		});
		}
		}

		return {};
		}

		function $cadbb83c92e54ed3477855c493450ee4$var$addSegment(value, part, amount, options) {
		switch (part) {
		case 'era':
		case 'year':
		case 'month':
		case 'day':
		return value.cycle(part, amount, {
		round: part === 'year'
		});
		}

		if ('hour' in value) {
		switch (part) {
		case 'dayPeriod':
		{
		let hours = value.hour;
		let isPM = hours >= 12;
		return value.set({
		hour: isPM ? hours - 12 : hours + 12
		});
		}

		case 'hour':
		case 'minute':
		case 'second':
		return value.cycle(part, amount, {
		round: part !== 'hour',
		hourCycle: options.hour12 ? 12 : 24
		});
		if ('hour' in value) switch(part){
		case 'dayPeriod':
		{
		let hours = value.hour;
		let wasPM = hours >= 12;
		let isPM = segmentValue >= 12;
		if (isPM === wasPM) return value;
		return value.set({
		hour: wasPM ? hours - 12 : hours + 12
		});
		}
		case 'hour':
		// In 12 hour time, ensure that AM/PM does not change
		if (options.hour12) {
		let hours = value.hour;
		let wasPM = hours >= 12;
		if (!wasPM && segmentValue === 12) segmentValue = 0;
		if (wasPM && segmentValue < 12) segmentValue += 12;
		}
		// fallthrough
		case 'minute':
		case 'second':
		return value.set({
		[part]: segmentValue
		});
		}
		}
		}

		function $cadbb83c92e54ed3477855c493450ee4$var$setSegment(value, part, segmentValue, options) {
		switch (part) {
		case 'day':
		case 'month':
		case 'year':
		return value.set({
		[part]: segmentValue
		});
		}

		if ('hour' in value) {
		switch (part) {
		case 'dayPeriod':
		{
		let hours = value.hour;
		let wasPM = hours >= 12;
		let isPM = segmentValue >= 12;
		var $305e7a177ba4287c$exports = {};

		if (isPM === wasPM) {
		return value;
		}
		$parcel$export($305e7a177ba4287c$exports, "useDateRangePickerState", () => $305e7a177ba4287c$export$e50a61c1de9f574);

		return value.set({
		hour: wasPM ? hours - 12 : hours + 12
		});
		}

		case 'hour':
		// In 12 hour time, ensure that AM/PM does not change
		if (options.hour12) {
		let hours = value.hour;
		let wasPM = hours >= 12;

		if (!wasPM && segmentValue === 12) {
		segmentValue = 0;
		}

		if (wasPM && segmentValue < 12) {
		segmentValue += 12;
		}
		function $305e7a177ba4287c$export$e50a61c1de9f574(props) {
		let [isOpen1, setOpen] = $9O5yO$useState(false);
		let [controlledValue, setControlledValue] = $9O5yO$useControlledState(props.value, props.defaultValue \|\| null, props.onChange);
		let [placeholderValue, setPlaceholderValue] = $9O5yO$useState(()=>controlledValue \|\| {
		start: null,
		end: null
		}

		// fallthrough

		case 'minute':
		case 'second':
		return value.set({
		[part]: segmentValue
		});
		);
		// Reset the placeholder if the value prop is set to null.
		if (controlledValue == null && placeholderValue.start && placeholderValue.end) {
		placeholderValue = {
		start: null,
		end: null
		};
		setPlaceholderValue(placeholderValue);
		}
		}
		}

		export function useDateRangePickerState(props) {
		let [isOpen, setOpen] = useState(false);
		let [controlledValue, setControlledValue] = useControlledState(props.value, props.defaultValue \|\| null, props.onChange);
		let [placeholderValue, setPlaceholderValue] = useState(() => controlledValue \|\| {
		start: null,
		end: null
		}); // Reset the placeholder if the value prop is set to null.

		if (controlledValue == null && placeholderValue.start && placeholderValue.end) {
		placeholderValue = {
		start: null,
		end: null
		let value1 = controlledValue \|\| placeholderValue;
		let valueRef = $9O5yO$useRef(value1);
		valueRef.current = value1;
		let setValue = (value)=>{
		valueRef.current = value;
		setPlaceholderValue(value);
		if (value?.start && value.end) setControlledValue(value);
		else setControlledValue(null);
		};
		setPlaceholderValue(placeholderValue);
		}

		let value = controlledValue \|\| placeholderValue;
		let valueRef = useRef(value);
		valueRef.current = value;

		let setValue = value => {
		valueRef.current = value;
		setPlaceholderValue(value);

		if (value != null && value.start && value.end) {
		setControlledValue(value);
		} else {
		setControlledValue(null);
		let v = value1?.start \|\| value1?.end \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $0482414725a5065f$export$2440da353cedad43(v, props.granularity);
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second' \|\| granularity === 'millisecond';
		let [dateRange1, setSelectedDateRange] = $9O5yO$useState(null);
		let [timeRange1, setSelectedTimeRange] = $9O5yO$useState(null);
		if (value1 && value1.start && value1.end) {
		dateRange1 = value1;
		if ('hour' in value1.start) timeRange1 = value1;
		}
		};

		let v = (value == null ? void 0 : value.start) \|\| (value == null ? void 0 : value.end) \|\| props.placeholderValue;
		let [granularity, defaultTimeZone] = $d98d1ab08708c80c4fc9e163fea8b89e$export$useDefaultProps(v, props.granularity);
		let hasTime = granularity === 'hour' \|\| granularity === 'minute' \|\| granularity === 'second' \|\| granularity === 'millisecond';
		let [dateRange, setSelectedDateRange] = useState(null);
		let [timeRange, setSelectedTimeRange] = useState(null);

		if (value && value.start && value.end) {
		dateRange = value;

		if ('hour' in value.start) {
		timeRange = value;
		}
		}

		let commitValue = (dateRange, timeRange) => {
		setValue({
		start: 'timeZone' in timeRange.start ? timeRange.start.set(toDateFields(dateRange.start)) : toCalendarDateTime(dateRange.start, timeRange.start),
		end: 'timeZone' in timeRange.end ? timeRange.end.set(toDateFields(dateRange.end)) : toCalendarDateTime(dateRange.end, timeRange.end)
		});
		}; // Intercept setValue to make sure the Time section is not changed by date selection in Calendar


		let setDateRange = range => {
		if (hasTime) {
		var _timeRange, _timeRange2;

		if (range.start && range.end && (_timeRange = timeRange) != null && _timeRange.start && (_timeRange2 = timeRange) != null && _timeRange2.end) {
		commitValue(range, timeRange);
		} else {
		setSelectedDateRange(range);
		}
		} else if (range.start && range.end) {
		setValue(range);
		} else {
		setSelectedDateRange(range);
		}

		if (!hasTime) {
		setOpen(false);
		}
		};

		let setTimeRange = range => {
		var _dateRange, _dateRange2;

		if ((_dateRange = dateRange) != null && _dateRange.start && (_dateRange2 = dateRange) != null && _dateRange2.end && range.start && range.end) {
		commitValue(dateRange, range);
		} else {
		setSelectedTimeRange(range);
		}
		};

		let validationState = props.validationState \|\| (value != null && ($d98d1ab08708c80c4fc9e163fea8b89e$export$isInvalid(value.start, props.minValue, props.maxValue) \|\| $d98d1ab08708c80c4fc9e163fea8b89e$export$isInvalid(value.end, props.minValue, props.maxValue) \|\| value.end != null && value.start != null && value.end.compare(value.start) < 0) ? 'invalid' : null);
		return {
		value,
		setValue,
		dateRange,
		timeRange,
		granularity,

		setDate(part, date) {
		setDateRange(_babelRuntimeHelpersEsmExtends({}, dateRange, {
		[part]: date
		}));
		},

		setTime(part, time) {
		setTimeRange(_babelRuntimeHelpersEsmExtends({}, timeRange, {
		[part]: time
		}));
		},

		setDateTime(part, dateTime) {
		setValue(_babelRuntimeHelpersEsmExtends({}, value, {
		[part]: dateTime
		}));
		},

		setDateRange,
		setTimeRange,
		isOpen,

		setOpen(isOpen) {
		var _dateRange3, _dateRange4;

		// Commit the selected date range when the calendar is closed. Use a placeholder time if one wasn't set.
		// If only the time range was set and not the date range, don't commit. The state will be preserved until
		// the user opens the popover again.
		if (!isOpen && !(value != null && value.start && value != null && value.end) && (_dateRange3 = dateRange) != null && _dateRange3.start && (_dateRange4 = dateRange) != null && _dateRange4.end && hasTime) {
		var _timeRange3, _timeRange4;

		commitValue(dateRange, {
		start: ((_timeRange3 = timeRange) == null ? void 0 : _timeRange3.start) \|\| $d98d1ab08708c80c4fc9e163fea8b89e$export$getPlaceholderTime(props.placeholderValue),
		end: ((_timeRange4 = timeRange) == null ? void 0 : _timeRange4.end) \|\| $d98d1ab08708c80c4fc9e163fea8b89e$export$getPlaceholderTime(props.placeholderValue)
		let commitValue = (dateRange, timeRange)=>{
		setValue({
		start: 'timeZone' in timeRange.start ? timeRange.start.set($9O5yO$toDateFields(dateRange.start)) : $9O5yO$toCalendarDateTime(dateRange.start, timeRange.start),
		end: 'timeZone' in timeRange.end ? timeRange.end.set($9O5yO$toDateFields(dateRange.end)) : $9O5yO$toCalendarDateTime(dateRange.end, timeRange.end)
		});
		}

		setOpen(isOpen);
		},

		validationState,

		formatValue(locale, fieldOptions) {
		if (!value \|\| !value.start \|\| !value.end) {
		return '';
		}

		let startTimeZone = 'timeZone' in value.start ? value.start.timeZone : undefined;
		let startGranularity = props.granularity \|\| (value.start && 'minute' in value.start ? 'minute' : 'day');
		let endTimeZone = 'timeZone' in value.end ? value.end.timeZone : undefined;
		let endGranularity = props.granularity \|\| (value.end && 'minute' in value.end ? 'minute' : 'day');
		let startOptions = $d98d1ab08708c80c4fc9e163fea8b89e$export$getFormatOptions(fieldOptions, {
		granularity: startGranularity,
		timeZone: startTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		let startFormatter = new DateFormatter(locale, startOptions);
		let endFormatter;

		if (startTimeZone === endTimeZone && startGranularity === endGranularity) {
		// Use formatRange, as it results in shorter output when some of the fields
		// are shared between the start and end dates (e.g. the same month).
		// Formatting will fail if the end date is before the start date. Fall back below when that happens.
		try {
		return startFormatter.formatRange(value.start.toDate(startTimeZone), value.end.toDate(endTimeZone));
		} catch (e) {// ignore
		};
		// Intercept setValue to make sure the Time section is not changed by date selection in Calendar
		let setDateRange = (range)=>{
		if (hasTime) {
		if (range.start && range.end && timeRange1?.start && timeRange1?.end) commitValue(range, timeRange1);
		else setSelectedDateRange(range);
		} else if (range.start && range.end) setValue(range);
		else setSelectedDateRange(range);
		if (!hasTime) setOpen(false);
		};
		let setTimeRange = (range)=>{
		if (dateRange1?.start && dateRange1?.end && range.start && range.end) commitValue(dateRange1, range);
		else setSelectedTimeRange(range);
		};
		let validationState = props.validationState \|\| (value1 != null && ($0482414725a5065f$export$eac50920cf2fd59a(value1.start, props.minValue, props.maxValue) \|\| $0482414725a5065f$export$eac50920cf2fd59a(value1.end, props.minValue, props.maxValue) \|\| value1.end != null && value1.start != null && value1.end.compare(value1.start) < 0) ? 'invalid' : null);
		return {
		value: value1,
		setValue: setValue,
		dateRange: dateRange1,
		timeRange: timeRange1,
		granularity: granularity,
		setDate (part, date) {
		setDateRange({
		...dateRange1,
		[part]: date
		});
		},
		setTime (part, time) {
		setTimeRange({
		...timeRange1,
		[part]: time
		});
		},
		setDateTime (part, dateTime) {
		setValue({
		...value1,
		[part]: dateTime
		});
		},
		setDateRange: setDateRange,
		setTimeRange: setTimeRange,
		isOpen: isOpen1,
		setOpen (isOpen) {
		// Commit the selected date range when the calendar is closed. Use a placeholder time if one wasn't set.
		// If only the time range was set and not the date range, don't commit. The state will be preserved until
		// the user opens the popover again.
		if (!isOpen && !(value1?.start && value1?.end) && dateRange1?.start && dateRange1?.end && hasTime) commitValue(dateRange1, {
		start: timeRange1?.start \|\| $0482414725a5065f$export$c5221a78ef73c5e9(props.placeholderValue),
		end: timeRange1?.end \|\| $0482414725a5065f$export$c5221a78ef73c5e9(props.placeholderValue)
		});
		setOpen(isOpen);
		},
		validationState: validationState,
		formatValue (locale, fieldOptions) {
		if (!value1 \|\| !value1.start \|\| !value1.end) return '';
		let startTimeZone = 'timeZone' in value1.start ? value1.start.timeZone : undefined;
		let startGranularity = props.granularity \|\| (value1.start && 'minute' in value1.start ? 'minute' : 'day');
		let endTimeZone = 'timeZone' in value1.end ? value1.end.timeZone : undefined;
		let endGranularity = props.granularity \|\| (value1.end && 'minute' in value1.end ? 'minute' : 'day');
		let startOptions = $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, {
		granularity: startGranularity,
		timeZone: startTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		let startFormatter = new $9O5yO$DateFormatter(locale, startOptions);
		let endFormatter;
		if (startTimeZone === endTimeZone && startGranularity === endGranularity) {
		// Use formatRange, as it results in shorter output when some of the fields
		// are shared between the start and end dates (e.g. the same month).
		// Formatting will fail if the end date is before the start date. Fall back below when that happens.
		try {
		return startFormatter.formatRange(value1.start.toDate(startTimeZone), value1.end.toDate(endTimeZone));
		} catch (e) {
		// ignore
		}
		endFormatter = startFormatter;
		} else {
		let endOptions = $0482414725a5065f$export$7e319ea407e63bc0(fieldOptions, {
		granularity: endGranularity,
		timeZone: endTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		endFormatter = new $9O5yO$DateFormatter(locale, endOptions);
		}
		return `${startFormatter.format(value1.start.toDate(startTimeZone))} – ${endFormatter.format(value1.end.toDate(endTimeZone))}`;
		},
		confirmPlaceholder () {
		// Need to use ref value here because the value can be set in the same tick as
		// a blur, which means the component won't have re-rendered yet.
		let value = valueRef.current;
		if (value && Boolean(value.start) !== Boolean(value.end)) {
		let calendar = (value.start \|\| value.end).calendar;
		let placeholder = $0482414725a5065f$export$66aa2b09de4b1ea5(props.placeholderValue, granularity, calendar, defaultTimeZone);
		setValue({
		start: value.start \|\| placeholder,
		end: value.end \|\| placeholder
		});
		}
		}
		};
		}

		endFormatter = startFormatter;
		} else {
		let endOptions = $d98d1ab08708c80c4fc9e163fea8b89e$export$getFormatOptions(fieldOptions, {
		granularity: endGranularity,
		timeZone: endTimeZone,
		hideTimeZone: props.hideTimeZone,
		hourCycle: props.hourCycle
		});
		endFormatter = new DateFormatter(locale, endOptions);
		}

		return startFormatter.format(value.start.toDate(startTimeZone)) + " \u2013 " + endFormatter.format(value.end.toDate(endTimeZone));
		},
		var $082e5bed996af9f7$exports = {};

		confirmPlaceholder() {
		// Need to use ref value here because the value can be set in the same tick as
		// a blur, which means the component won't have re-rendered yet.
		let value = valueRef.current;
		$parcel$export($082e5bed996af9f7$exports, "useTimeFieldState", () => $082e5bed996af9f7$export$fd53cef0cc796101);

		if (value && Boolean(value.start) !== Boolean(value.end)) {
		let calendar = (value.start \|\| value.end).calendar;
		let placeholder = $d98d1ab08708c80c4fc9e163fea8b89e$export$createPlaceholderDate(props.placeholderValue, granularity, calendar, defaultTimeZone);
		setValue({
		start: value.start \|\| placeholder,
		end: value.end \|\| placeholder
		});
		}
		}

		};
		}
		export function useTimeFieldState(props) {
		let {
		placeholderValue = new Time(),
		minValue,
		maxValue,
		granularity
		} = props;
		let [value, setValue] = useControlledState(props.value, props.defaultValue, props.onChange);
		let v = value \|\| placeholderValue;
		let day = v && 'day' in v ? v : undefined;
		let placeholderDate = useMemo(() => $fc899fd619e5c84d71eda3c7a349a873$var$convertValue(placeholderValue), [placeholderValue]);
		let minDate = useMemo(() => $fc899fd619e5c84d71eda3c7a349a873$var$convertValue(minValue, day), [minValue, day]);
		let maxDate = useMemo(() => $fc899fd619e5c84d71eda3c7a349a873$var$convertValue(maxValue, day), [maxValue, day]);
		let dateTime = useMemo(() => value == null ? null : $fc899fd619e5c84d71eda3c7a349a873$var$convertValue(value), [value]);

		let onChange = newValue => {
		setValue(v && 'day' in v ? newValue : newValue && toTime(newValue));
		};

		return useDatePickerFieldState(_babelRuntimeHelpersEsmExtends({}, props, {
		value: dateTime,
		defaultValue: undefined,
		minValue: minDate,
		maxValue: maxDate,
		onChange,
		granularity: granularity \|\| 'minute',
		maxGranularity: 'hour',
		placeholderValue: placeholderDate
		}));
		function $082e5bed996af9f7$export$fd53cef0cc796101(props) {
		let { placeholderValue: placeholderValue = new $9O5yO$Time() , minValue: minValue , maxValue: maxValue , granularity: granularity } = props;
		let [value, setValue] = $9O5yO$useControlledState(props.value, props.defaultValue, props.onChange);
		let v = value \|\| placeholderValue;
		let day = v && 'day' in v ? v : undefined;
		let placeholderDate = $9O5yO$useMemo(()=>$082e5bed996af9f7$var$convertValue(placeholderValue)
		, [
		placeholderValue
		]);
		let minDate = $9O5yO$useMemo(()=>$082e5bed996af9f7$var$convertValue(minValue, day)
		, [
		minValue,
		day
		]);
		let maxDate = $9O5yO$useMemo(()=>$082e5bed996af9f7$var$convertValue(maxValue, day)
		, [
		maxValue,
		day
		]);
		let dateTime = $9O5yO$useMemo(()=>value == null ? null : $082e5bed996af9f7$var$convertValue(value)
		, [
		value
		]);
		let onChange = (newValue)=>{
		setValue(v && 'day' in v ? newValue : newValue && $9O5yO$toTime(newValue));
		};
		return $14e72de17b214ee8$export$714a241b39a650d6({
		...props,
		value: dateTime,
		defaultValue: undefined,
		minValue: minDate,
		maxValue: maxDate,
		onChange: onChange,
		granularity: granularity \|\| 'minute',
		maxGranularity: 'hour',
		placeholderValue: placeholderDate
		});
		}
		function $082e5bed996af9f7$var$convertValue(value, date = $9O5yO$today($9O5yO$getLocalTimeZone())) {
		if (!value) return null;
		if ('day' in value) return value;
		return $9O5yO$toCalendarDateTime(date, value);
		}

		function $fc899fd619e5c84d71eda3c7a349a873$var$convertValue(value, date) {
		if (date === void 0) {
		date = today(getLocalTimeZone());
		}

		if (!value) {
		return null;
		}

		if ('day' in value) {
		return value;
		}

		return toCalendarDateTime(date, value);
		}
		export {$26fdc69faf7f6df5$export$87194bb378cc3ac2 as useDatePickerState, $14e72de17b214ee8$export$714a241b39a650d6 as useDatePickerFieldState, $305e7a177ba4287c$export$e50a61c1de9f574 as useDateRangePickerState, $082e5bed996af9f7$export$fd53cef0cc796101 as useTimeFieldState};
		//# sourceMappingURL=module.js.map

package.json

		{
		"name": "@react-stately/datepicker",
		"version": "3.0.0-nightly.1349+e2b459ab9",
		"version": "3.0.0-nightly.1356+87960ad25",
		"description": "Spectrum UI components in React",
		@@ -21,6 +21,6 @@ "license": "Apache-2.0",
		"@babel/runtime": "^7.6.2",
		"@internationalized/date": "3.0.0-nightly.3040+e2b459ab9",
		"@react-stately/utils": "3.0.0-nightly.1349+e2b459ab9",
		"@react-types/datepicker": "3.0.0-nightly.1349+e2b459ab9",
		"@react-types/shared": "3.0.0-nightly.1349+e2b459ab9",
		"@internationalized/date": "3.0.0-nightly.3047+87960ad25",
		"@react-stately/utils": "3.0.0-nightly.1356+87960ad25",
		"@react-types/datepicker": "3.0.0-nightly.1356+87960ad25",
		"@react-types/shared": "3.0.0-nightly.1356+87960ad25",
		"date-fns": "^1.30.1"
		@@ -34,3 +34,3 @@ },
		},
		"gitHead": "e2b459ab996abd06b0913942e9801b88493ed940"
		"gitHead": "87960ad25c26bc4cd6af506bb5e7e0f06621556c"
		}

dist/main.js.map

Sorry, the diff of this file is not supported yet

dist/module.js.map

Sorry, the diff of this file is not supported yet

dist/types.d.ts.map

Sorry, the diff of this file is not supported yet

@react-stately/datepicker - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics

Dependency changes