voip-callkit 0.0.8 → 1.0.0

package/android/src/main/assets/public/node_modules_ionic_core_dist_esm_ion-datetime_3_entry_js.js

@@ -1,3633 +0,0 @@
-"use strict";
-(self["webpackChunkapp"] = self["webpackChunkapp"] || []).push([["node_modules_ionic_core_dist_esm_ion-datetime_3_entry_js"],{
-
-/***/ 4134:
-/*!*******************************************************************!*\
-  !*** ./node_modules/@ionic/core/dist/esm/ion-datetime_3.entry.js ***!
-  \*******************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "ion_datetime": () => (/* binding */ Datetime),
-/* harmony export */   "ion_picker": () => (/* binding */ Picker),
-/* harmony export */   "ion_picker_column": () => (/* binding */ PickerColumnCmp)
-/* harmony export */ });
-/* harmony import */ var D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ 2783);
-/* harmony import */ var _index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index-88bdeaae.js */ 9203);
-/* harmony import */ var _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index-d74f4afc.js */ 3945);
-/* harmony import */ var _ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ionic-global-00475c3a.js */ 1020);
-/* harmony import */ var _focus_visible_5ad6825d_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./focus-visible-5ad6825d.js */ 3768);
-/* harmony import */ var _helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./helpers-4d272360.js */ 1657);
-/* harmony import */ var _index_9ac92660_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./index-9ac92660.js */ 2761);
-/* harmony import */ var _dir_e8b767a8_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./dir-e8b767a8.js */ 5862);
-/* harmony import */ var _theme_7670341c_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./theme-7670341c.js */ 7548);
-/* harmony import */ var _overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./overlays-ab6211c7.js */ 1853);
-/* harmony import */ var _animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./animation-36c1d77d.js */ 1998);
-/* harmony import */ var _haptic_683b3b3c_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./haptic-683b3b3c.js */ 1034);
-/* harmony import */ var _hardware_back_button_490df115_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hardware-back-button-490df115.js */ 9222);
-
-
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Returns true if the selected day is equal to the reference day
- */
-
-const isSameDay = (baseParts, compareParts) => {
-  return baseParts.month === compareParts.month && baseParts.day === compareParts.day && baseParts.year === compareParts.year;
-};
-/**
- * Returns true is the selected day is before the reference day.
- */
-
-
-const isBefore = (baseParts, compareParts) => {
-  return baseParts.year < compareParts.year || baseParts.year === compareParts.year && baseParts.month < compareParts.month || baseParts.year === compareParts.year && baseParts.month === compareParts.month && baseParts.day && baseParts.day < compareParts.day;
-};
-/**
- * Returns true is the selected day is after the reference day.
- */
-
-
-const isAfter = (baseParts, compareParts) => {
-  return baseParts.year > compareParts.year || baseParts.year === compareParts.year && baseParts.month > compareParts.month || baseParts.year === compareParts.year && baseParts.month === compareParts.month && baseParts.day && baseParts.day > compareParts.day;
-};
-
-const warnIfValueOutOfBounds = (value, min, max) => {
-  if (min && isBefore(value, min) || max && isAfter(value, max)) {
-    (0,_index_9ac92660_js__WEBPACK_IMPORTED_MODULE_6__.p)('The value provided to ion-datetime is out of bounds.\n\n' + `Min: ${JSON.stringify(min)}\n` + `Max: ${JSON.stringify(max)}\n` + `Value: ${JSON.stringify(value)}`);
-  }
-};
-/**
- * Determines if given year is a
- * leap year. Returns `true` if year
- * is a leap year. Returns `false`
- * otherwise.
- */
-
-
-const isLeapYear = year => {
-  return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
-};
-
-const is24Hour = (locale, hourCycle) => {
-  /**
-   * If developer has explicitly enabled h23 time
-   * then return early and do not look at the system default.
-   */
-  if (hourCycle !== undefined) {
-    return hourCycle === 'h23';
-  }
-  /**
-   * If hourCycle was not specified, check the locale
-   * that is set on the user's device. We first check the
-   * Intl.DateTimeFormat hourCycle option as developers can encode this
-   * option into the locale string. Example: `en-US-u-hc-h23`
-   */
-
-
-  const formatted = new Intl.DateTimeFormat(locale, {
-    hour: 'numeric'
-  });
-  const options = formatted.resolvedOptions();
-
-  if (options.hourCycle !== undefined) {
-    return options.hourCycle === 'h23';
-  }
-  /**
-   * If hourCycle is not specified (either through lack
-   * of browser support or locale information) then fall
-   * back to this slower hourCycle check.
-   */
-
-
-  const date = new Date('5/18/2021 00:00');
-  const parts = formatted.formatToParts(date);
-  const hour = parts.find(p => p.type === 'hour');
-
-  if (!hour) {
-    throw new Error('Hour value not found from DateTimeFormat');
-  }
-
-  return hour.value === '00';
-};
-/**
- * Given a date object, returns the number
- * of days in that month.
- * Month value begin at 1, not 0.
- * i.e. January = month 1.
- */
-
-
-const getNumDaysInMonth = (month, year) => {
-  return month === 4 || month === 6 || month === 9 || month === 11 ? 30 : month === 2 ? isLeapYear(year) ? 29 : 28 : 31;
-};
-/**
- * Certain locales display month then year while
- * others display year then month.
- * We can use Intl.DateTimeFormat to determine
- * the ordering for each locale.
- */
-
-
-const isMonthFirstLocale = locale => {
-  /**
-   * By setting month and year we guarantee that only
-   * month, year, and literal (slashes '/', for example)
-   * values are included in the formatToParts results.
-   *
-   * The ordering of the parts will be determined by
-   * the locale. So if the month is the first value,
-   * then we know month should be shown first. If the
-   * year is the first value, then we know year should be shown first.
-   *
-   * This ordering can be controlled by customizing the locale property.
-   */
-  const parts = new Intl.DateTimeFormat(locale, {
-    month: 'numeric',
-    year: 'numeric'
-  }).formatToParts(new Date());
-  return parts[0].type === 'month';
-};
-
-const twoDigit = val => {
-  return ('0' + (val !== undefined ? Math.abs(val) : '0')).slice(-2);
-};
-
-const fourDigit = val => {
-  return ('000' + (val !== undefined ? Math.abs(val) : '0')).slice(-4);
-};
-
-const convertDataToISO = data => {
-  // https://www.w3.org/TR/NOTE-datetime
-  let rtn = '';
-
-  if (data.year !== undefined) {
-    // YYYY
-    rtn = fourDigit(data.year);
-
-    if (data.month !== undefined) {
-      // YYYY-MM
-      rtn += '-' + twoDigit(data.month);
-
-      if (data.day !== undefined) {
-        // YYYY-MM-DD
-        rtn += '-' + twoDigit(data.day);
-
-        if (data.hour !== undefined) {
-          // YYYY-MM-DDTHH:mm:SS
-          rtn += `T${twoDigit(data.hour)}:${twoDigit(data.minute)}:00`;
-
-          if (data.tzOffset === undefined) {
-            // YYYY-MM-DDTHH:mm:SSZ
-            rtn += 'Z';
-          } else {
-            // YYYY-MM-DDTHH:mm:SS+/-HH:mm
-            rtn += (data.tzOffset > 0 ? '+' : '-') + twoDigit(Math.floor(Math.abs(data.tzOffset / 60))) + ':' + twoDigit(data.tzOffset % 60);
-          }
-        }
-      }
-    }
-  } else if (data.hour !== undefined) {
-    // HH:mm
-    rtn = twoDigit(data.hour) + ':' + twoDigit(data.minute);
-  }
-
-  return rtn;
-};
-/**
- * Converts an 12 hour value to 24 hours.
- */
-
-
-const convert12HourTo24Hour = (hour, ampm) => {
-  if (ampm === undefined) {
-    return hour;
-  }
-  /**
-   * If AM and 12am
-   * then return 00:00.
-   * Otherwise just return
-   * the hour since it is
-   * already in 24 hour format.
-   */
-
-
-  if (ampm === 'am') {
-    if (hour === 12) {
-      return 0;
-    }
-
-    return hour;
-  }
-  /**
-   * If PM and 12pm
-   * just return 12:00
-   * since it is already
-   * in 24 hour format.
-   * Otherwise add 12 hours
-   * to the time.
-   */
-
-
-  if (hour === 12) {
-    return 12;
-  }
-
-  return hour + 12;
-};
-
-const getStartOfWeek = refParts => {
-  const {
-    dayOfWeek
-  } = refParts;
-
-  if (dayOfWeek === null || dayOfWeek === undefined) {
-    throw new Error('No day of week provided');
-  }
-
-  return subtractDays(refParts, dayOfWeek);
-};
-
-const getEndOfWeek = refParts => {
-  const {
-    dayOfWeek
-  } = refParts;
-
-  if (dayOfWeek === null || dayOfWeek === undefined) {
-    throw new Error('No day of week provided');
-  }
-
-  return addDays(refParts, 6 - dayOfWeek);
-};
-
-const getNextDay = refParts => {
-  return addDays(refParts, 1);
-};
-
-const getPreviousDay = refParts => {
-  return subtractDays(refParts, 1);
-};
-
-const getPreviousWeek = refParts => {
-  return subtractDays(refParts, 7);
-};
-
-const getNextWeek = refParts => {
-  return addDays(refParts, 7);
-};
-/**
- * Given datetime parts, subtract
- * numDays from the date.
- * Returns a new DatetimeParts object
- * Currently can only go backward at most 1 month.
- */
-
-
-const subtractDays = (refParts, numDays) => {
-  const {
-    month,
-    day,
-    year
-  } = refParts;
-
-  if (day === null) {
-    throw new Error('No day provided');
-  }
-
-  const workingParts = {
-    month,
-    day,
-    year
-  };
-  workingParts.day = day - numDays;
-  /**
-   * If wrapping to previous month
-   * update days and decrement month
-   */
-
-  if (workingParts.day < 1) {
-    workingParts.month -= 1;
-  }
-  /**
-   * If moving to previous year, reset
-   * month to December and decrement year
-   */
-
-
-  if (workingParts.month < 1) {
-    workingParts.month = 12;
-    workingParts.year -= 1;
-  }
-  /**
-   * Determine how many days are in the current
-   * month
-   */
-
-
-  if (workingParts.day < 1) {
-    const daysInMonth = getNumDaysInMonth(workingParts.month, workingParts.year);
-    /**
-     * Take num days in month and add the
-     * number of underflow days. This number will
-     * be negative.
-     * Example: 1 week before Jan 2, 2021 is
-     * December 26, 2021 so:
-     * 2 - 7 = -5
-     * 31 + (-5) = 26
-     */
-
-    workingParts.day = daysInMonth + workingParts.day;
-  }
-
-  return workingParts;
-};
-/**
- * Given datetime parts, add
- * numDays to the date.
- * Returns a new DatetimeParts object
- * Currently can only go forward at most 1 month.
- */
-
-
-const addDays = (refParts, numDays) => {
-  const {
-    month,
-    day,
-    year
-  } = refParts;
-
-  if (day === null) {
-    throw new Error('No day provided');
-  }
-
-  const workingParts = {
-    month,
-    day,
-    year
-  };
-  const daysInMonth = getNumDaysInMonth(month, year);
-  workingParts.day = day + numDays;
-  /**
-   * If wrapping to next month
-   * update days and increment month
-   */
-
-  if (workingParts.day > daysInMonth) {
-    workingParts.day -= daysInMonth;
-    workingParts.month += 1;
-  }
-  /**
-   * If moving to next year, reset
-   * month to January and increment year
-   */
-
-
-  if (workingParts.month > 12) {
-    workingParts.month = 1;
-    workingParts.year += 1;
-  }
-
-  return workingParts;
-};
-/**
- * Given DatetimeParts, generate the previous month.
- */
-
-
-const getPreviousMonth = refParts => {
-  /**
-   * If current month is January, wrap backwards
-   *  to December of the previous year.
-   */
-  const month = refParts.month === 1 ? 12 : refParts.month - 1;
-  const year = refParts.month === 1 ? refParts.year - 1 : refParts.year;
-  const numDaysInMonth = getNumDaysInMonth(month, year);
-  const day = numDaysInMonth < refParts.day ? numDaysInMonth : refParts.day;
-  return {
-    month,
-    year,
-    day
-  };
-};
-/**
- * Given DatetimeParts, generate the next month.
- */
-
-
-const getNextMonth = refParts => {
-  /**
-   * If current month is December, wrap forwards
-   *  to January of the next year.
-   */
-  const month = refParts.month === 12 ? 1 : refParts.month + 1;
-  const year = refParts.month === 12 ? refParts.year + 1 : refParts.year;
-  const numDaysInMonth = getNumDaysInMonth(month, year);
-  const day = numDaysInMonth < refParts.day ? numDaysInMonth : refParts.day;
-  return {
-    month,
-    year,
-    day
-  };
-};
-
-const changeYear = (refParts, yearDelta) => {
-  const month = refParts.month;
-  const year = refParts.year + yearDelta;
-  const numDaysInMonth = getNumDaysInMonth(month, year);
-  const day = numDaysInMonth < refParts.day ? numDaysInMonth : refParts.day;
-  return {
-    month,
-    year,
-    day
-  };
-};
-/**
- * Given DatetimeParts, generate the previous year.
- */
-
-
-const getPreviousYear = refParts => {
-  return changeYear(refParts, -1);
-};
-/**
- * Given DatetimeParts, generate the next year.
- */
-
-
-const getNextYear = refParts => {
-  return changeYear(refParts, 1);
-};
-/**
- * If PM, then internal value should
- * be converted to 24-hr time.
- * Does not apply when public
- * values are already 24-hr time.
- */
-
-
-const getInternalHourValue = (hour, use24Hour, ampm) => {
-  if (use24Hour) {
-    return hour;
-  }
-
-  return convert12HourTo24Hour(hour, ampm);
-};
-/**
- * Unless otherwise stated, all month values are
- * 1 indexed instead of the typical 0 index in JS Date.
- * Example:
- *   January = Month 0 when using JS Date
- *   January = Month 1 when using this datetime util
- */
-
-/**
- * Given the current datetime parts and a new AM/PM value
- * calculate what the hour should be in 24-hour time format.
- * Used when toggling the AM/PM segment since we store our hours
- * in 24-hour time format internally.
- */
-
-
-const calculateHourFromAMPM = (currentParts, newAMPM) => {
-  const {
-    ampm: currentAMPM,
-    hour
-  } = currentParts;
-  let newHour = hour;
-  /**
-   * If going from AM --> PM, need to update the
-   *
-   */
-
-  if (currentAMPM === 'am' && newAMPM === 'pm') {
-    newHour = convert12HourTo24Hour(newHour, 'pm');
-    /**
-     * If going from PM --> AM
-     */
-  } else if (currentAMPM === 'pm' && newAMPM === 'am') {
-    newHour = Math.abs(newHour - 12);
-  }
-
-  return newHour;
-};
-/**
- * Returns the current date as
- * an ISO string in the user's
- * time zone.
- */
-
-
-const getToday = () => {
-  /**
-   * ion-datetime intentionally does not
-   * parse time zones/do automatic time zone
-   * conversion when accepting user input.
-   * However when we get today's date string,
-   * we want it formatted relative to the user's
-   * time zone.
-   *
-   * When calling toISOString(), the browser
-   * will convert the date to UTC time by either adding
-   * or subtracting the time zone offset.
-   * To work around this, we need to either add
-   * or subtract the time zone offset to the Date
-   * object prior to calling toISOString().
-   * This allows us to get an ISO string
-   * that is in the user's time zone.
-   *
-   * Example:
-   * Time zone offset is 240
-   * Meaning: The browser needs to add 240 minutes
-   * to the Date object to get UTC time.
-   * What Ionic does: We subtract 240 minutes
-   * from the Date object. The browser then adds
-   * 240 minutes in toISOString(). The result
-   * is a time that is in the user's time zone
-   * and not UTC.
-   *
-   * Note: Some timezones include minute adjustments
-   * such as 30 or 45 minutes. This is why we use setMinutes
-   * instead of setHours.
-   * Example: India Standard Time
-   * Timezone offset: -330 = -5.5 hours.
-   *
-   * List of timezones with 30 and 45 minute timezones:
-   * https://www.timeanddate.com/time/time-zones-interesting.html
-   */
-  const date = new Date();
-  const tzOffset = date.getTimezoneOffset();
-  date.setMinutes(date.getMinutes() - tzOffset);
-  return date.toISOString();
-};
-
-const minutes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59];
-const hour12 = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-const hour23 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23];
-/**
- * Given a locale and a mode,
- * return an array with formatted days
- * of the week. iOS should display days
- * such as "Mon" or "Tue".
- * MD should display days such as "M"
- * or "T".
- */
-
-const getDaysOfWeek = (locale, mode, firstDayOfWeek = 0) => {
-  /**
-   * Nov 1st, 2020 starts on a Sunday.
-   * ion-datetime assumes weeks start on Sunday,
-   * but is configurable via `firstDayOfWeek`.
-   */
-  const weekdayFormat = mode === 'ios' ? 'short' : 'narrow';
-  const intl = new Intl.DateTimeFormat(locale, {
-    weekday: weekdayFormat
-  });
-  const startDate = new Date('11/01/2020');
-  const daysOfWeek = [];
-  /**
-   * For each day of the week,
-   * get the day name.
-   */
-
-  for (let i = firstDayOfWeek; i < firstDayOfWeek + 7; i++) {
-    const currentDate = new Date(startDate);
-    currentDate.setDate(currentDate.getDate() + i);
-    daysOfWeek.push(intl.format(currentDate));
-  }
-
-  return daysOfWeek;
-};
-/**
- * Returns an array containing all of the
- * days in a month for a given year. Values are
- * aligned with a week calendar starting on
- * the firstDayOfWeek value (Sunday by default)
- * using null values.
- */
-
-
-const getDaysOfMonth = (month, year, firstDayOfWeek) => {
-  const numDays = getNumDaysInMonth(month, year);
-  const firstOfMonth = new Date(`${month}/1/${year}`).getDay();
-  /**
-   * To get the first day of the month aligned on the correct
-   * day of the week, we need to determine how many "filler" days
-   * to generate. These filler days as empty/disabled buttons
-   * that fill the space of the days of the week before the first
-   * of the month.
-   *
-   * There are two cases here:
-   *
-   * 1. If firstOfMonth = 4, firstDayOfWeek = 0 then the offset
-   * is (4 - (0 + 1)) = 3. Since the offset loop goes from 0 to 3 inclusive,
-   * this will generate 4 filler days (0, 1, 2, 3), and then day of week 4 will have
-   * the first day of the month.
-   *
-   * 2. If firstOfMonth = 2, firstDayOfWeek = 4 then the offset
-   * is (6 - (4 - 2)) = 4. Since the offset loop goes from 0 to 4 inclusive,
-   * this will generate 5 filler days (0, 1, 2, 3, 4), and then day of week 5 will have
-   * the first day of the month.
-   */
-
-  const offset = firstOfMonth >= firstDayOfWeek ? firstOfMonth - (firstDayOfWeek + 1) : 6 - (firstDayOfWeek - firstOfMonth);
-  let days = [];
-
-  for (let i = 1; i <= numDays; i++) {
-    days.push({
-      day: i,
-      dayOfWeek: (offset + i) % 7
-    });
-  }
-
-  for (let i = 0; i <= offset; i++) {
-    days = [{
-      day: null,
-      dayOfWeek: null
-    }, ...days];
-  }
-
-  return days;
-};
-/**
- * Given a local, reference datetime parts and option
- * max/min bound datetime parts, calculate the acceptable
- * hour and minute values according to the bounds and locale.
- */
-
-
-const generateTime = (refParts, hourCycle = 'h12', minParts, maxParts, hourValues, minuteValues) => {
-  const use24Hour = hourCycle === 'h23';
-  let processedHours = use24Hour ? hour23 : hour12;
-  let processedMinutes = minutes;
-  let isAMAllowed = true;
-  let isPMAllowed = true;
-
-  if (hourValues) {
-    processedHours = processedHours.filter(hour => hourValues.includes(hour));
-  }
-
-  if (minuteValues) {
-    processedMinutes = processedMinutes.filter(minute => minuteValues.includes(minute));
-  }
-
-  if (minParts) {
-    /**
-     * If ref day is the same as the
-     * minimum allowed day, filter hour/minute
-     * values according to min hour and minute.
-     */
-    if (isSameDay(refParts, minParts)) {
-      /**
-       * Users may not always set the hour/minute for
-       * min value (i.e. 2021-06-02) so we should allow
-       * all hours/minutes in that case.
-       */
-      if (minParts.hour !== undefined) {
-        processedHours = processedHours.filter(hour => {
-          const convertedHour = refParts.ampm === 'pm' ? (hour + 12) % 24 : hour;
-          return (use24Hour ? hour : convertedHour) >= minParts.hour;
-        });
-        isAMAllowed = minParts.hour < 13;
-      }
-
-      if (minParts.minute !== undefined) {
-        /**
-         * The minimum minute range should not be enforced when
-         * the hour is greater than the min hour.
-         *
-         * For example with a minimum range of 09:30, users
-         * should be able to select 10:00-10:29 and beyond.
-         */
-        let isPastMinHour = false;
-
-        if (minParts.hour !== undefined && refParts.hour !== undefined) {
-          if (refParts.hour > minParts.hour) {
-            isPastMinHour = true;
-          }
-        }
-
-        processedMinutes = processedMinutes.filter(minute => {
-          if (isPastMinHour) {
-            return true;
-          }
-
-          return minute >= minParts.minute;
-        });
-      }
-      /**
-       * If ref day is before minimum
-       * day do not render any hours/minute values
-       */
-
-    } else if (isBefore(refParts, minParts)) {
-      processedHours = [];
-      processedMinutes = [];
-      isAMAllowed = isPMAllowed = false;
-    }
-  }
-
-  if (maxParts) {
-    /**
-     * If ref day is the same as the
-     * maximum allowed day, filter hour/minute
-     * values according to max hour and minute.
-     */
-    if (isSameDay(refParts, maxParts)) {
-      /**
-       * Users may not always set the hour/minute for
-       * max value (i.e. 2021-06-02) so we should allow
-       * all hours/minutes in that case.
-       */
-      if (maxParts.hour !== undefined) {
-        processedHours = processedHours.filter(hour => {
-          const convertedHour = refParts.ampm === 'pm' ? (hour + 12) % 24 : hour;
-          return (use24Hour ? hour : convertedHour) <= maxParts.hour;
-        });
-        isPMAllowed = maxParts.hour >= 13;
-      }
-
-      if (maxParts.minute !== undefined && refParts.hour === maxParts.hour) {
-        // The available minutes should only be filtered when the hour is the same as the max hour.
-        // For example if the max hour is 10:30 and the current hour is 10:00,
-        // users should be able to select 00-30 minutes.
-        // If the current hour is 09:00, users should be able to select 00-60 minutes.
-        processedMinutes = processedMinutes.filter(minute => minute <= maxParts.minute);
-      }
-      /**
-       * If ref day is after minimum
-       * day do not render any hours/minute values
-       */
-
-    } else if (isAfter(refParts, maxParts)) {
-      processedHours = [];
-      processedMinutes = [];
-      isAMAllowed = isPMAllowed = false;
-    }
-  }
-
-  return {
-    hours: processedHours,
-    minutes: processedMinutes,
-    am: isAMAllowed,
-    pm: isPMAllowed
-  };
-};
-/**
- * Given DatetimeParts, generate the previous,
- * current, and and next months.
- */
-
-
-const generateMonths = refParts => {
-  return [getPreviousMonth(refParts), {
-    month: refParts.month,
-    year: refParts.year,
-    day: refParts.day
-  }, getNextMonth(refParts)];
-};
-
-const getPickerMonths = (locale, refParts, minParts, maxParts, monthValues) => {
-  const {
-    year
-  } = refParts;
-  const months = [];
-
-  if (monthValues !== undefined) {
-    let processedMonths = monthValues;
-
-    if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.month) !== undefined) {
-      processedMonths = processedMonths.filter(month => month <= maxParts.month);
-    }
-
-    if ((minParts === null || minParts === void 0 ? void 0 : minParts.month) !== undefined) {
-      processedMonths = processedMonths.filter(month => month >= minParts.month);
-    }
-
-    processedMonths.forEach(processedMonth => {
-      const date = new Date(`${processedMonth}/1/${year} GMT+0000`);
-      const monthString = new Intl.DateTimeFormat(locale, {
-        month: 'long',
-        timeZone: 'UTC'
-      }).format(date);
-      months.push({
-        text: monthString,
-        value: processedMonth
-      });
-    });
-  } else {
-    const maxMonth = maxParts && maxParts.year === year ? maxParts.month : 12;
-    const minMonth = minParts && minParts.year === year ? minParts.month : 1;
-
-    for (let i = minMonth; i <= maxMonth; i++) {
-      /**
-       *
-       * There is a bug on iOS 14 where
-       * Intl.DateTimeFormat takes into account
-       * the local timezone offset when formatting dates.
-       *
-       * Forcing the timezone to 'UTC' fixes the issue. However,
-       * we should keep this workaround as it is safer. In the event
-       * this breaks in another browser, we will not be impacted
-       * because all dates will be interpreted in UTC.
-       *
-       * Example:
-       * new Intl.DateTimeFormat('en-US', { month: 'long' }).format(new Date('Sat Apr 01 2006 00:00:00 GMT-0400 (EDT)')) // "March"
-       * new Intl.DateTimeFormat('en-US', { month: 'long', timeZone: 'UTC' }).format(new Date('Sat Apr 01 2006 00:00:00 GMT-0400 (EDT)')) // "April"
-       *
-       * In certain timezones, iOS 14 shows the wrong
-       * date for .toUTCString(). To combat this, we
-       * force all of the timezones to GMT+0000 (UTC).
-       *
-       * Example:
-       * Time Zone: Central European Standard Time
-       * new Date('1/1/1992').toUTCString() // "Tue, 31 Dec 1991 23:00:00 GMT"
-       * new Date('1/1/1992 GMT+0000').toUTCString() // "Wed, 01 Jan 1992 00:00:00 GMT"
-       */
-      const date = new Date(`${i}/1/${year} GMT+0000`);
-      const monthString = new Intl.DateTimeFormat(locale, {
-        month: 'long',
-        timeZone: 'UTC'
-      }).format(date);
-      months.push({
-        text: monthString,
-        value: i
-      });
-    }
-  }
-
-  return months;
-};
-
-const getCalendarYears = (refParts, minParts, maxParts, yearValues) => {
-  if (yearValues !== undefined) {
-    let processedYears = yearValues;
-
-    if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.year) !== undefined) {
-      processedYears = processedYears.filter(year => year <= maxParts.year);
-    }
-
-    if ((minParts === null || minParts === void 0 ? void 0 : minParts.year) !== undefined) {
-      processedYears = processedYears.filter(year => year >= minParts.year);
-    }
-
-    return processedYears;
-  } else {
-    const {
-      year
-    } = refParts;
-    const maxYear = (maxParts === null || maxParts === void 0 ? void 0 : maxParts.year) || year;
-    const minYear = (minParts === null || minParts === void 0 ? void 0 : minParts.year) || year - 100;
-    const years = [];
-
-    for (let i = maxYear; i >= minYear; i--) {
-      years.push(i);
-    }
-
-    return years;
-  }
-};
-
-const get12HourTime = hour => {
-  return hour % 12 || 12;
-};
-
-const getFormattedAMPM = ampm => {
-  if (ampm === undefined) {
-    return '';
-  }
-
-  return ampm.toUpperCase();
-};
-
-const getFormattedTime = (refParts, use24Hour) => {
-  if (refParts.hour === undefined || refParts.minute === undefined) {
-    return 'Invalid Time';
-  }
-
-  const hour = use24Hour ? getFormattedHour(refParts.hour, use24Hour) : get12HourTime(refParts.hour);
-  const minute = addTimePadding(refParts.minute);
-
-  if (use24Hour) {
-    return `${hour}:${minute}`;
-  }
-
-  return `${hour}:${minute} ${getFormattedAMPM(refParts.ampm)}`;
-};
-/**
- * Adds padding to a time value so
- * that it is always 2 digits.
- */
-
-
-const addTimePadding = value => {
-  const valueToString = value.toString();
-
-  if (valueToString.length > 1) {
-    return valueToString;
-  }
-
-  return `0${valueToString}`;
-};
-/**
- * Formats the hour value so that it
- * is always 2 digits. Only applies
- * if using 12 hour format.
- */
-
-
-const getFormattedHour = (hour, use24Hour) => {
-  if (!use24Hour) {
-    return hour.toString();
-  }
-
-  return addTimePadding(hour);
-};
-/**
- * Generates an aria-label to be read by screen readers
- * given a local, a date, and whether or not that date is
- * today's date.
- */
-
-
-const generateDayAriaLabel = (locale, today, refParts) => {
-  if (refParts.day === null) {
-    return null;
-  }
-  /**
-   * MM/DD/YYYY will return midnight in the user's timezone.
-   */
-
-
-  const date = new Date(`${refParts.month}/${refParts.day}/${refParts.year} GMT+0000`);
-  const labelString = new Intl.DateTimeFormat(locale, {
-    weekday: 'long',
-    month: 'long',
-    day: 'numeric',
-    timeZone: 'UTC'
-  }).format(date);
-  /**
-   * If date is today, prepend "Today" so screen readers indicate
-   * that the date is today.
-   */
-
-  return today ? `Today, ${labelString}` : labelString;
-};
-/**
- * Gets the day of the week, month, and day
- * Used for the header in MD mode.
- */
-
-
-const getMonthAndDay = (locale, refParts) => {
-  const date = new Date(`${refParts.month}/${refParts.day}/${refParts.year} GMT+0000`);
-  return new Intl.DateTimeFormat(locale, {
-    weekday: 'short',
-    month: 'short',
-    day: 'numeric',
-    timeZone: 'UTC'
-  }).format(date);
-};
-/**
- * Given a locale and a date object,
- * return a formatted string that includes
- * the month name and full year.
- * Example: May 2021
- */
-
-
-const getMonthAndYear = (locale, refParts) => {
-  const date = new Date(`${refParts.month}/${refParts.day}/${refParts.year} GMT+0000`);
-  return new Intl.DateTimeFormat(locale, {
-    month: 'long',
-    year: 'numeric',
-    timeZone: 'UTC'
-  }).format(date);
-};
-
-const ISO_8601_REGEXP = // eslint-disable-next-line no-useless-escape
-/^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/; // eslint-disable-next-line no-useless-escape
-
-const TIME_REGEXP = /^((\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/;
-/**
- * Use to convert a string of comma separated numbers or
- * an array of numbers, and clean up any user input
- */
-
-const convertToArrayOfNumbers = input => {
-  if (input === undefined) {
-    return;
-  }
-
-  let processedInput = input;
-
-  if (typeof input === 'string') {
-    // convert the string to an array of strings
-    // auto remove any whitespace and [] characters
-    processedInput = input.replace(/\[|\]|\s/g, '').split(',');
-  }
-
-  let values;
-
-  if (Array.isArray(processedInput)) {
-    // ensure each value is an actual number in the returned array
-    values = processedInput.map(num => parseInt(num, 10)).filter(isFinite);
-  } else {
-    values = [processedInput];
-  }
-
-  return values;
-};
-/**
- * Extracts date information
- * from a .calendar-day element
- * into DatetimeParts.
- */
-
-
-const getPartsFromCalendarDay = el => {
-  return {
-    month: parseInt(el.getAttribute('data-month'), 10),
-    day: parseInt(el.getAttribute('data-day'), 10),
-    year: parseInt(el.getAttribute('data-year'), 10),
-    dayOfWeek: parseInt(el.getAttribute('data-day-of-week'), 10)
-  };
-};
-/**
- * Given an ISO-8601 string, format out the parts
- * We do not use the JS Date object here because
- * it adjusts the date for the current timezone.
- */
-
-
-const parseDate = val => {
-  // manually parse IS0 cuz Date.parse cannot be trusted
-  // ISO 8601 format: 1994-12-15T13:47:20Z
-  let parse = null;
-
-  if (val != null && val !== '') {
-    // try parsing for just time first, HH:MM
-    parse = TIME_REGEXP.exec(val);
-
-    if (parse) {
-      // adjust the array so it fits nicely with the datetime parse
-      parse.unshift(undefined, undefined);
-      parse[2] = parse[3] = undefined;
-    } else {
-      // try parsing for full ISO datetime
-      parse = ISO_8601_REGEXP.exec(val);
-    }
-  }
-
-  if (parse === null) {
-    // wasn't able to parse the ISO datetime
-    return undefined;
-  } // ensure all the parse values exist with at least 0
-
-
-  for (let i = 1; i < 8; i++) {
-    parse[i] = parse[i] !== undefined ? parseInt(parse[i], 10) : undefined;
-  }
-
-  let tzOffset = 0;
-
-  if (parse[9] && parse[10]) {
-    // hours
-    tzOffset = parseInt(parse[10], 10) * 60;
-
-    if (parse[11]) {
-      // minutes
-      tzOffset += parseInt(parse[11], 10);
-    }
-
-    if (parse[9] === '-') {
-      // + or -
-      tzOffset *= -1;
-    }
-  }
-
-  return {
-    year: parse[1],
-    month: parse[2],
-    day: parse[3],
-    hour: parse[4],
-    minute: parse[5],
-    second: parse[6],
-    millisecond: parse[7],
-    tzOffset
-  };
-};
-
-const clampDate = (dateParts, minParts, maxParts) => {
-  if (minParts && isBefore(dateParts, minParts)) {
-    return minParts;
-  } else if (maxParts && isAfter(dateParts, maxParts)) {
-    return maxParts;
-  }
-
-  return dateParts;
-};
-
-const isYearDisabled = (refYear, minParts, maxParts) => {
-  if (minParts && minParts.year > refYear) {
-    return true;
-  }
-
-  if (maxParts && maxParts.year < refYear) {
-    return true;
-  }
-
-  return false;
-};
-/**
- * Returns true if a given day should
- * not be interactive according to its value,
- * or the max/min dates.
- */
-
-
-const isDayDisabled = (refParts, minParts, maxParts, dayValues) => {
-  /**
-   * If this is a filler date (i.e. padding)
-   * then the date is disabled.
-   */
-  if (refParts.day === null) {
-    return true;
-  }
-  /**
-   * If user passed in a list of acceptable day values
-   * check to make sure that the date we are looking
-   * at is in this array.
-   */
-
-
-  if (dayValues !== undefined && !dayValues.includes(refParts.day)) {
-    return true;
-  }
-  /**
-   * Given a min date, perform the following
-   * checks. If any of them are true, then the
-   * day should be disabled:
-   * 1. Is the current year < the min allowed year?
-   * 2. Is the current year === min allowed year,
-   * but the current month < the min allowed month?
-   * 3. Is the current year === min allowed year, the
-   * current month === min allow month, but the current
-   * day < the min allowed day?
-   */
-
-
-  if (minParts && isBefore(refParts, minParts)) {
-    return true;
-  }
-  /**
-   * Given a max date, perform the following
-   * checks. If any of them are true, then the
-   * day should be disabled:
-   * 1. Is the current year > the max allowed year?
-   * 2. Is the current year === max allowed year,
-   * but the current month > the max allowed month?
-   * 3. Is the current year === max allowed year, the
-   * current month === max allow month, but the current
-   * day > the max allowed day?
-   */
-
-
-  if (maxParts && isAfter(refParts, maxParts)) {
-    return true;
-  }
-  /**
-   * If none of these checks
-   * passed then the date should
-   * be interactive.
-   */
-
-
-  return false;
-};
-/**
- * Given a locale, a date, the selected date, and today's date,
- * generate the state for a given calendar day button.
- */
-
-
-const getCalendarDayState = (locale, refParts, activeParts, todayParts, minParts, maxParts, dayValues) => {
-  const isActive = isSameDay(refParts, activeParts);
-  const isToday = isSameDay(refParts, todayParts);
-  const disabled = isDayDisabled(refParts, minParts, maxParts, dayValues);
-  return {
-    disabled,
-    isActive,
-    isToday,
-    ariaSelected: isActive ? 'true' : null,
-    ariaLabel: generateDayAriaLabel(locale, isToday, refParts)
-  };
-};
-/**
- * Returns `true` if the month is disabled given the
- * current date value and min/max date constraints.
- */
-
-
-const isMonthDisabled = (refParts, {
-  minParts,
-  maxParts
-}) => {
-  // If the year is disabled then the month is disabled.
-  if (isYearDisabled(refParts.year, minParts, maxParts)) {
-    return true;
-  } // If the date value is before the min date, then the month is disabled.
-  // If the date value is after the max date, then the month is disabled.
-
-
-  if (minParts && isBefore(refParts, minParts) || maxParts && isAfter(refParts, maxParts)) {
-    return true;
-  }
-
-  return false;
-};
-/**
- * Given a working date, an optional minimum date range,
- * and an optional maximum date range; determine if the
- * previous navigation button is disabled.
- */
-
-
-const isPrevMonthDisabled = (refParts, minParts, maxParts) => {
-  const prevMonth = Object.assign(Object.assign({}, getPreviousMonth(refParts)), {
-    day: null
-  });
-  return isMonthDisabled(prevMonth, {
-    minParts,
-    maxParts
-  });
-};
-/**
- * Given a working date and a maximum date range,
- * determine if the next navigation button is disabled.
- */
-
-
-const isNextMonthDisabled = (refParts, maxParts) => {
-  const nextMonth = Object.assign(Object.assign({}, getNextMonth(refParts)), {
-    day: null
-  });
-  return isMonthDisabled(nextMonth, {
-    maxParts
-  });
-};
-
-const datetimeIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;max-width:350px;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .datetime-year .order-month-first .month-column{-ms-flex-order:1;order:1}:host .datetime-year .order-month-first .year-column{-ms-flex-order:2;order:2}:host .datetime-year .order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .datetime-year .order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px;position:absolute;visibility:hidden;pointer-events:none}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-readonly),:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled){opacity:0.4}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{padding-left:4px;padding-right:0;padding-top:0;padding-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-action-buttons ion-item ion-icon{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0}}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr);height:100%}:host .calendar-day{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{padding-left:unset;padding-right:unset;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{margin-left:unset;margin-right:unset;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px}}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}:host .calendar-day:after{border-radius:32px;padding-left:4px;padding-right:4px;padding-top:4px;padding-bottom:4px;position:absolute;top:50%;left:50%;width:32px;height:32px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\" \";z-index:-1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day:after{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px}}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{border-radius:8px;padding-left:12px;padding-right:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .time-body{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}:host(.datetime-presentation-date-time),:host(.datetime-presentation-time-date),:host(.datetime-presentation-date){min-height:350px}:host .datetime-header{padding-left:16px;padding-right:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-header{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host .datetime-header .datetime-title{color:var(--title-color);font-size:14px}:host .calendar-action-buttons ion-item{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:16px;font-weight:600}:host .calendar-action-buttons ion-item ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{padding-left:8px;padding-right:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:12px;font-weight:600;line-height:24px;text-transform:uppercase}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-days-of-week{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}:host .calendar-body .calendar-month .calendar-month-grid{padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;height:calc(100% - 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-body .calendar-month .calendar-month-grid{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}:host .calendar-day{font-size:20px}:host .calendar-day:after{opacity:0.2}:host .calendar-day:focus:after{background:var(--ion-color-base)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-active:after{background:var(--ion-color-base)}:host .calendar-day.calendar-day-today.calendar-day-active{color:var(--ion-color-contrast)}:host .calendar-day.calendar-day-today.calendar-day-active:after{background:var(--ion-color-base);opacity:1}:host .datetime-time{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:16px;font-size:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-time{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-buttons{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .datetime-action-buttons{width:100%}";
-const datetimeMdCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}:host(.datetime-size-fixed){width:auto;max-width:350px;height:auto}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .datetime-year .order-month-first .month-column{-ms-flex-order:1;order:1}:host .datetime-year .order-month-first .year-column{-ms-flex-order:2;order:2}:host .datetime-year .order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .datetime-year .order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px;position:absolute;visibility:hidden;pointer-events:none}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-readonly),:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled){opacity:0.4}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{padding-left:4px;padding-right:0;padding-top:0;padding-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-action-buttons ion-item ion-icon{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0}}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr);height:100%}:host .calendar-day{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{padding-left:unset;padding-right:unset;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{margin-left:unset;margin-right:unset;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px}}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}:host .calendar-day:after{border-radius:32px;padding-left:4px;padding-right:4px;padding-top:4px;padding-bottom:4px;position:absolute;top:50%;left:50%;width:32px;height:32px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\" \";z-index:-1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day:after{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px}}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{border-radius:8px;padding-left:12px;padding-right:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .time-body{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}:host .datetime-header{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-header{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}:host .datetime-header .datetime-title{font-size:12px;text-transform:uppercase}:host .datetime-header .datetime-selected-date{margin-top:30px;font-size:34px}:host .datetime-calendar .calendar-action-buttons ion-item{--padding-start:20px}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{color:var(--ion-color-step-650, #595959)}:host .calendar-days-of-week{padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:14px;line-height:36px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-days-of-week{padding-left:unset;padding-right:unset;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}}:host .calendar-body .calendar-month .calendar-month-grid{padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:0px;grid-template-rows:repeat(6, 1fr)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-body .calendar-month .calendar-month-grid{padding-left:unset;padding-right:unset;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}}:host .calendar-day{padding-left:0px;padding-right:0;padding-top:13px;padding-bottom:13px;font-size:14px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .calendar-day{padding-left:unset;padding-right:unset;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0;padding-inline-end:0}}:host .calendar-day:focus:after{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-today:after{border:1px solid var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-contrast)}:host .calendar-day.calendar-day-active:after{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}:host .datetime-time{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-time{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}:host .time-header{color:var(--ion-color-step-650, #595959)}:host(.datetime-presentation-month) .datetime-year,:host(.datetime-presentation-year) .datetime-year,:host(.datetime-presentation-month-year) .datetime-year{margin-top:20px;margin-bottom:20px}:host .datetime-buttons{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .datetime-buttons{padding-left:unset;padding-right:unset;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px}}:host .datetime-view-buttons ion-button{color:var(--ion-color-step-800, #333333)}";
-const Datetime = class {
-  constructor(hostRef) {
-    (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.r)(this, hostRef);
-    this.ionCancel = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionCancel", 7);
-    this.ionChange = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionChange", 7);
-    this.ionFocus = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionFocus", 7);
-    this.ionBlur = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionBlur", 7);
-    this.ionStyle = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionStyle", 7);
-    this.inputId = `ion-dt-${datetimeIds++}`;
-    this.overlayIsPresenting = false;
-    /**
-     * Whether to highlight the active day with a solid circle (as opposed
-     * to the outline circle around today). If you don't specify an initial
-     * value for the datetime, it doesn't automatically init to a default to
-     * avoid unwanted change events firing. If the solid circle were still
-     * shown then, it would look like a date had already been selected, which
-     * is misleading UX.
-     */
-
-    this.highlightActiveParts = false;
-    this.todayParts = parseDate(getToday());
-    this.prevPresentation = null;
-    this.showMonthAndYear = false;
-    this.activeParts = {
-      month: 5,
-      day: 28,
-      year: 2021,
-      hour: 13,
-      minute: 52,
-      ampm: 'pm'
-    };
-    this.workingParts = {
-      month: 5,
-      day: 28,
-      year: 2021,
-      hour: 13,
-      minute: 52,
-      ampm: 'pm'
-    };
-    this.isPresented = false;
-    this.isTimePopoverOpen = false;
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-
-    this.color = 'primary';
-    /**
-     * The name of the control, which is submitted with the form data.
-     */
-
-    this.name = this.inputId;
-    /**
-     * If `true`, the user cannot interact with the datetime.
-     */
-
-    this.disabled = false;
-    /**
-     * If `true`, the datetime appears normal but is not interactive.
-     */
-
-    this.readonly = false;
-    /**
-     * Which values you want to select. `'date'` will show
-     * a calendar picker to select the month, day, and year. `'time'`
-     * will show a time picker to select the hour, minute, and (optionally)
-     * AM/PM. `'date-time'` will show the date picker first and time picker second.
-     * `'time-date'` will show the time picker first and date picker second.
-     */
-
-    this.presentation = 'date-time';
-    /**
-     * The text to display on the picker's cancel button.
-     */
-
-    this.cancelText = 'Cancel';
-    /**
-     * The text to display on the picker's "Done" button.
-     */
-
-    this.doneText = 'Done';
-    /**
-     * The text to display on the picker's "Clear" button.
-     */
-
-    this.clearText = 'Clear';
-    /**
-     * The locale to use for `ion-datetime`. This
-     * impacts month and day name formatting.
-     * The `'default'` value refers to the default
-     * locale set by your device.
-     */
-
-    this.locale = 'default';
-    /**
-     * The first day of the week to use for `ion-datetime`. The
-     * default value is `0` and represents Sunday.
-     */
-
-    this.firstDayOfWeek = 0;
-    /**
-     * If `true`, a header will be shown above the calendar
-     * picker. On `ios` mode this will include the
-     * slotted title, and on `md` mode this will include
-     * the slotted title and the selected date.
-     */
-
-    this.showDefaultTitle = false;
-    /**
-     * If `true`, the default "Cancel" and "OK" buttons
-     * will be rendered at the bottom of the `ion-datetime`
-     * component. Developers can also use the `button` slot
-     * if they want to customize these buttons. If custom
-     * buttons are set in the `button` slot then the
-     * default buttons will not be rendered.
-     */
-
-    this.showDefaultButtons = false;
-    /**
-     * If `true`, a "Clear" button will be rendered alongside
-     * the default "Cancel" and "OK" buttons at the bottom of the `ion-datetime`
-     * component. Developers can also use the `button` slot
-     * if they want to customize these buttons. If custom
-     * buttons are set in the `button` slot then the
-     * default buttons will not be rendered.
-     */
-
-    this.showClearButton = false;
-    /**
-     * If `true`, the default "Time" label will be rendered
-     * for the time selector of the `ion-datetime` component.
-     * Developers can also use the `time-label` slot
-     * if they want to customize this label. If a custom
-     * label is set in the `time-label` slot then the
-     * default label will not be rendered.
-     */
-
-    this.showDefaultTimeLabel = true;
-    /**
-     * If `cover`, the `ion-datetime` will expand to cover the full width of its container.
-     * If `fixed`, the `ion-datetime` will have a fixed width.
-     */
-
-    this.size = 'fixed';
-
-    this.closeParentOverlay = () => {
-      const popoverOrModal = this.el.closest('ion-modal, ion-popover');
-
-      if (popoverOrModal) {
-        popoverOrModal.dismiss();
-      }
-    };
-
-    this.setWorkingParts = parts => {
-      this.workingParts = Object.assign({}, parts);
-    };
-
-    this.setActiveParts = parts => {
-      this.activeParts = Object.assign({}, parts);
-      const hasSlottedButtons = this.el.querySelector('[slot="buttons"]') !== null;
-
-      if (hasSlottedButtons || this.showDefaultButtons) {
-        return;
-      }
-
-      this.confirm();
-    };
-    /**
-     * Stencil sometimes sets calendarBodyRef to null on rerender, even though
-     * the element is present. Query for it manually as a fallback.
-     *
-     * TODO(FW-901) Remove when issue is resolved: https://github.com/ionic-team/stencil/issues/3253
-     */
-
-
-    this.getCalendarBodyEl = () => {
-      var _a;
-
-      return this.calendarBodyRef || ((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.calendar-body'));
-    };
-
-    this.initializeKeyboardListeners = () => {
-      const calendarBodyRef = this.getCalendarBodyEl();
-
-      if (!calendarBodyRef) {
-        return;
-      }
-
-      const root = this.el.shadowRoot;
-      /**
-       * Get a reference to the month
-       * element we are currently viewing.
-       */
-
-      const currentMonth = calendarBodyRef.querySelector('.calendar-month:nth-of-type(2)');
-      /**
-       * When focusing the calendar body, we want to pass focus
-       * to the working day, but other days should
-       * only be accessible using the arrow keys. Pressing
-       * Tab should jump between bodies of selectable content.
-       */
-
-      const checkCalendarBodyFocus = ev => {
-        var _a;
-
-        const record = ev[0];
-        /**
-         * If calendar body was already focused
-         * when this fired or if the calendar body
-         * if not currently focused, we should not re-focus
-         * the inner day.
-         */
-
-        if (((_a = record.oldValue) === null || _a === void 0 ? void 0 : _a.includes('ion-focused')) || !calendarBodyRef.classList.contains('ion-focused')) {
-          return;
-        }
-
-        this.focusWorkingDay(currentMonth);
-      };
-
-      const mo = new MutationObserver(checkCalendarBodyFocus);
-      mo.observe(calendarBodyRef, {
-        attributeFilter: ['class'],
-        attributeOldValue: true
-      });
-
-      this.destroyKeyboardMO = () => {
-        mo === null || mo === void 0 ? void 0 : mo.disconnect();
-      };
-      /**
-       * We must use keydown not keyup as we want
-       * to prevent scrolling when using the arrow keys.
-       */
-
-
-      calendarBodyRef.addEventListener('keydown', ev => {
-        const activeElement = root.activeElement;
-
-        if (!activeElement || !activeElement.classList.contains('calendar-day')) {
-          return;
-        }
-
-        const parts = getPartsFromCalendarDay(activeElement);
-        let partsToFocus;
-
-        switch (ev.key) {
-          case 'ArrowDown':
-            ev.preventDefault();
-            partsToFocus = getNextWeek(parts);
-            break;
-
-          case 'ArrowUp':
-            ev.preventDefault();
-            partsToFocus = getPreviousWeek(parts);
-            break;
-
-          case 'ArrowRight':
-            ev.preventDefault();
-            partsToFocus = getNextDay(parts);
-            break;
-
-          case 'ArrowLeft':
-            ev.preventDefault();
-            partsToFocus = getPreviousDay(parts);
-            break;
-
-          case 'Home':
-            ev.preventDefault();
-            partsToFocus = getStartOfWeek(parts);
-            break;
-
-          case 'End':
-            ev.preventDefault();
-            partsToFocus = getEndOfWeek(parts);
-            break;
-
-          case 'PageUp':
-            ev.preventDefault();
-            partsToFocus = ev.shiftKey ? getPreviousYear(parts) : getPreviousMonth(parts);
-            break;
-
-          case 'PageDown':
-            ev.preventDefault();
-            partsToFocus = ev.shiftKey ? getNextYear(parts) : getNextMonth(parts);
-            break;
-
-          /**
-           * Do not preventDefault here
-           * as we do not want to override other
-           * browser defaults such as pressing Enter/Space
-           * to select a day.
-           */
-
-          default:
-            return;
-        }
-        /**
-         * If the day we want to move focus to is
-         * disabled, do not do anything.
-         */
-
-
-        if (isDayDisabled(partsToFocus, this.minParts, this.maxParts)) {
-          return;
-        }
-
-        this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), partsToFocus));
-        /**
-         * Give view a chance to re-render
-         * then move focus to the new working day
-         */
-
-        requestAnimationFrame(() => this.focusWorkingDay(currentMonth));
-      });
-    };
-
-    this.focusWorkingDay = currentMonth => {
-      /**
-       * Get the number of padding days so
-       * we know how much to offset our next selector by
-       * to grab the correct calenday-day element.
-       */
-      const padding = currentMonth.querySelectorAll('.calendar-day-padding');
-      const {
-        day
-      } = this.workingParts;
-
-      if (day === null) {
-        return;
-      }
-      /**
-       * Get the calendar day element
-       * and focus it.
-       */
-
-
-      const dayEl = currentMonth.querySelector(`.calendar-day:nth-of-type(${padding.length + day})`);
-
-      if (dayEl) {
-        dayEl.focus();
-      }
-    };
-
-    this.processMinParts = () => {
-      if (this.min === undefined) {
-        this.minParts = undefined;
-        return;
-      }
-
-      const {
-        month,
-        day,
-        year,
-        hour,
-        minute
-      } = parseDate(this.min);
-      this.minParts = {
-        month,
-        day,
-        year,
-        hour,
-        minute
-      };
-    };
-
-    this.processMaxParts = () => {
-      if (this.max === undefined) {
-        this.maxParts = undefined;
-        return;
-      }
-
-      const {
-        month,
-        day,
-        year,
-        hour,
-        minute
-      } = parseDate(this.max);
-      this.maxParts = {
-        month,
-        day,
-        year,
-        hour,
-        minute
-      };
-    };
-
-    this.initializeCalendarIOListeners = () => {
-      const calendarBodyRef = this.getCalendarBodyEl();
-
-      if (!calendarBodyRef) {
-        return;
-      }
-
-      const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(this);
-      /**
-       * For performance reasons, we only render 3
-       * months at a time: The current month, the previous
-       * month, and the next month. We have IntersectionObservers
-       * on the previous and next month elements to append/prepend
-       * new months.
-       *
-       * We can do this because Stencil is smart enough to not
-       * re-create the .calendar-month containers, but rather
-       * update the content within those containers.
-       *
-       * As an added bonus, WebKit has some troubles with
-       * scroll-snap-stop: always, so not rendering all of
-       * the months in a row allows us to mostly sidestep
-       * that issue.
-       */
-
-      const months = calendarBodyRef.querySelectorAll('.calendar-month');
-      const startMonth = months[0];
-      const workingMonth = months[1];
-      const endMonth = months[2];
-      /**
-       * Before setting up the IntersectionObserver,
-       * scroll the middle month into view.
-       * scrollIntoView() will scroll entire page
-       * if element is not in viewport. Use scrollLeft instead.
-       */
-
-      let endIO;
-      let startIO;
-      (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.c)(() => {
-        calendarBodyRef.scrollLeft = startMonth.clientWidth * ((0,_dir_e8b767a8_js__WEBPACK_IMPORTED_MODULE_7__.i)(this.el) ? -1 : 1);
-
-        const ioCallback = (callbackType, entries) => {
-          const refIO = callbackType === 'start' ? startIO : endIO;
-          const refMonth = callbackType === 'start' ? startMonth : endMonth;
-          const refMonthFn = callbackType === 'start' ? getPreviousMonth : getNextMonth;
-          /**
-           * If the month is not fully in view, do not do anything
-           */
-
-          const ev = entries[0];
-
-          if (!ev.isIntersecting) {
-            return;
-          }
-          /**
-           * When presenting an inline overlay,
-           * subsequent presentations will cause
-           * the IO to fire again (since the overlay
-           * is now visible and therefore the calendar
-           * months are intersecting).
-           */
-
-
-          if (this.overlayIsPresenting) {
-            this.overlayIsPresenting = false;
-            return;
-          }
-
-          const {
-            month,
-            year,
-            day
-          } = refMonthFn(this.workingParts);
-
-          if (isMonthDisabled({
-            month,
-            year,
-            day: null
-          }, {
-            minParts: Object.assign(Object.assign({}, this.minParts), {
-              day: null
-            }),
-            maxParts: Object.assign(Object.assign({}, this.maxParts), {
-              day: null
-            })
-          })) {
-            return;
-          }
-          /**
-           * On iOS, we need to set pointer-events: none
-           * when the user is almost done with the gesture
-           * so that they cannot quickly swipe while
-           * the scrollable container is snapping.
-           * Updating the container while snapping
-           * causes WebKit to snap incorrectly.
-           */
-
-
-          if (mode === 'ios') {
-            const ratio = ev.intersectionRatio; // `maxTouchPoints` will be 1 in device preview, but > 1 on device
-
-            const shouldDisable = Math.abs(ratio - 0.7) <= 0.1 && navigator.maxTouchPoints > 1;
-
-            if (shouldDisable) {
-              calendarBodyRef.style.setProperty('pointer-events', 'none');
-              return;
-            }
-          }
-          /**
-           * Prevent scrolling for other browsers
-           * to give the DOM time to update and the container
-           * time to properly snap.
-           */
-
-
-          calendarBodyRef.style.setProperty('overflow', 'hidden');
-          /**
-           * Remove the IO temporarily
-           * otherwise you can sometimes get duplicate
-           * events when rubber banding.
-           */
-
-          if (refIO === undefined) {
-            return;
-          }
-
-          refIO.disconnect();
-          /**
-           * Use a writeTask here to ensure
-           * that the state is updated and the
-           * correct month is scrolled into view
-           * in the same frame. This is not
-           * typically a problem on newer devices
-           * but older/slower device may have a flicker
-           * if we did not do this.
-           */
-
-          (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.c)(() => {
-            // Disconnect all active intersection observers
-            // to avoid a re-render causing a duplicate event.
-            if (this.destroyCalendarIO) {
-              this.destroyCalendarIO();
-            }
-
-            (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.r)(() => {
-              this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-                month,
-                day: day,
-                year
-              }));
-              calendarBodyRef.scrollLeft = workingMonth.clientWidth * ((0,_dir_e8b767a8_js__WEBPACK_IMPORTED_MODULE_7__.i)(this.el) ? -1 : 1);
-              calendarBodyRef.style.removeProperty('overflow');
-              calendarBodyRef.style.removeProperty('pointer-events');
-              endIO === null || endIO === void 0 ? void 0 : endIO.observe(endMonth);
-              startIO === null || startIO === void 0 ? void 0 : startIO.observe(startMonth);
-            });
-            /**
-             * Now that state has been updated
-             * and the correct month is in view,
-             * we can resume the IO.
-             */
-
-            if (refIO === undefined) {
-              return;
-            }
-
-            refIO.observe(refMonth);
-          });
-        };
-
-        const threshold = mode === 'ios' && typeof navigator !== 'undefined' && navigator.maxTouchPoints > 1 ? [0.7, 1] : 1; // Intersection observers cannot accurately detect the
-        // intersection with a threshold of 1, when the observed
-        // element width is a sub-pixel value (i.e. 334.05px).
-        // Setting a root margin to 1px solves the issue.
-
-        const rootMargin = '1px';
-        /**
-         * Listen on the first month to
-         * prepend a new month and on the last
-         * month to append a new month.
-         * The 0.7 threshold is required on ios
-         * so that we can remove pointer-events
-         * when adding new months.
-         * Adding to a scroll snapping container
-         * while the container is snapping does not
-         * completely work as expected in WebKit.
-         * Adding pointer-events: none allows us to
-         * avoid these issues.
-         *
-         * This should be fine on Chromium, but
-         * when you set pointer-events: none
-         * it applies to active gestures which is not
-         * something WebKit does.
-         */
-
-        endIO = new IntersectionObserver(ev => ioCallback('end', ev), {
-          threshold,
-          root: calendarBodyRef,
-          rootMargin
-        });
-        endIO.observe(endMonth);
-        startIO = new IntersectionObserver(ev => ioCallback('start', ev), {
-          threshold,
-          root: calendarBodyRef,
-          rootMargin
-        });
-        startIO.observe(startMonth);
-
-        this.destroyCalendarIO = () => {
-          endIO === null || endIO === void 0 ? void 0 : endIO.disconnect();
-          startIO === null || startIO === void 0 ? void 0 : startIO.disconnect();
-        };
-      });
-    };
-    /**
-     * Clean up all listeners except for the overlay
-     * listener. This is so that we can re-create the listeners
-     * if the datetime has been hidden/presented by a modal or popover.
-     */
-
-
-    this.destroyInteractionListeners = () => {
-      const {
-        destroyCalendarIO,
-        destroyKeyboardMO
-      } = this;
-
-      if (destroyCalendarIO !== undefined) {
-        destroyCalendarIO();
-      }
-
-      if (destroyKeyboardMO !== undefined) {
-        destroyKeyboardMO();
-      }
-    };
-    /**
-     * When doing subsequent presentations of an inline
-     * overlay, the IO callback will fire again causing
-     * the calendar to go back one month. We need to listen
-     * for the presentation of the overlay so we can properly
-     * cancel that IO callback.
-     */
-
-
-    this.initializeOverlayListener = () => {
-      const overlay = this.el.closest('ion-popover, ion-modal');
-
-      if (overlay === null) {
-        return;
-      }
-
-      const overlayListener = () => {
-        this.overlayIsPresenting = true;
-      };
-
-      overlay.addEventListener('willPresent', overlayListener);
-
-      this.destroyOverlayListener = () => {
-        overlay.removeEventListener('willPresent', overlayListener);
-      };
-    };
-
-    this.processValue = value => {
-      this.highlightActiveParts = !!value;
-      const valueToProcess = parseDate(value || getToday());
-      const {
-        minParts,
-        maxParts
-      } = this;
-      warnIfValueOutOfBounds(valueToProcess, minParts, maxParts);
-      const {
-        month,
-        day,
-        year,
-        hour,
-        minute,
-        tzOffset
-      } = clampDate(valueToProcess, minParts, maxParts);
-      this.setWorkingParts({
-        month,
-        day,
-        year,
-        hour,
-        minute,
-        tzOffset,
-        ampm: hour >= 12 ? 'pm' : 'am'
-      });
-      this.activeParts = {
-        month,
-        day,
-        year,
-        hour,
-        minute,
-        tzOffset,
-        ampm: hour >= 12 ? 'pm' : 'am'
-      };
-    };
-
-    this.onFocus = () => {
-      this.ionFocus.emit();
-    };
-
-    this.onBlur = () => {
-      this.ionBlur.emit();
-    };
-
-    this.hasValue = () => {
-      return this.value != null && this.value !== '';
-    };
-
-    this.nextMonth = () => {
-      const calendarBodyRef = this.getCalendarBodyEl();
-
-      if (!calendarBodyRef) {
-        return;
-      }
-
-      const nextMonth = calendarBodyRef.querySelector('.calendar-month:last-of-type');
-
-      if (!nextMonth) {
-        return;
-      }
-
-      const left = nextMonth.offsetWidth * 2;
-      calendarBodyRef.scrollTo({
-        top: 0,
-        left: left * ((0,_dir_e8b767a8_js__WEBPACK_IMPORTED_MODULE_7__.i)(this.el) ? -1 : 1),
-        behavior: 'smooth'
-      });
-    };
-
-    this.prevMonth = () => {
-      const calendarBodyRef = this.getCalendarBodyEl();
-
-      if (!calendarBodyRef) {
-        return;
-      }
-
-      const prevMonth = calendarBodyRef.querySelector('.calendar-month:first-of-type');
-
-      if (!prevMonth) {
-        return;
-      }
-
-      calendarBodyRef.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: 'smooth'
-      });
-    };
-
-    this.toggleMonthAndYearView = () => {
-      this.showMonthAndYear = !this.showMonthAndYear;
-    };
-  }
-
-  disabledChanged() {
-    this.emitStyle();
-  }
-
-  minChanged() {
-    this.processMinParts();
-  }
-
-  maxChanged() {
-    this.processMaxParts();
-  }
-
-  yearValuesChanged() {
-    this.parsedYearValues = convertToArrayOfNumbers(this.yearValues);
-  }
-
-  monthValuesChanged() {
-    this.parsedMonthValues = convertToArrayOfNumbers(this.monthValues);
-  }
-
-  dayValuesChanged() {
-    this.parsedDayValues = convertToArrayOfNumbers(this.dayValues);
-  }
-
-  hourValuesChanged() {
-    this.parsedHourValues = convertToArrayOfNumbers(this.hourValues);
-  }
-
-  minuteValuesChanged() {
-    this.parsedMinuteValues = convertToArrayOfNumbers(this.minuteValues);
-  }
-
-  activePartsChanged() {
-    this.activePartsClone = this.activeParts;
-  }
-  /**
-   * Update the datetime value when the value changes
-   */
-
-
-  valueChanged() {
-    if (this.hasValue()) {
-      /**
-       * Clones the value of the `activeParts` to the private clone, to update
-       * the date display on the current render cycle without causing another render.
-       *
-       * This allows us to update the current value's date/time display without
-       * refocusing or shifting the user's display (leaves the user in place).
-       */
-      const valueDateParts = parseDate(this.value);
-
-      if (valueDateParts) {
-        warnIfValueOutOfBounds(valueDateParts, this.minParts, this.maxParts);
-        const {
-          month,
-          day,
-          year,
-          hour,
-          minute
-        } = valueDateParts;
-        const ampm = hour >= 12 ? 'pm' : 'am';
-        this.activePartsClone = Object.assign(Object.assign({}, this.activeParts), {
-          month,
-          day,
-          year,
-          hour,
-          minute,
-          ampm
-        });
-        /**
-         * The working parts am/pm value must be updated when the value changes, to
-         * ensure the time picker hour column values are generated correctly.
-         */
-
-        this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-          ampm
-        }));
-      } else {
-        (0,_index_9ac92660_js__WEBPACK_IMPORTED_MODULE_6__.p)(`Unable to parse date string: ${this.value}. Please provide a valid ISO 8601 datetime string.`);
-      }
-    }
-
-    this.emitStyle();
-    this.ionChange.emit({
-      value: this.value
-    });
-  }
-  /**
-   * Confirms the selected datetime value, updates the
-   * `value` property, and optionally closes the popover
-   * or modal that the datetime was presented in.
-   */
-
-
-  confirm(closeOverlay = false) {
-    var _this = this;
-
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      /**
-       * We only update the value if the presentation is not a calendar picker,
-       * or if `highlightActiveParts` is true; indicating that the user
-       * has selected a date from the calendar picker.
-       *
-       * Otherwise "today" would accidentally be set as the value.
-       */
-      if (_this.highlightActiveParts || !_this.isCalendarPicker) {
-        /**
-         * Prevent convertDataToISO from doing any
-         * kind of transformation based on timezone
-         * This cancels out any change it attempts to make
-         *
-         * Important: Take the timezone offset based on
-         * the date that is currently selected, otherwise
-         * there can be 1 hr difference when dealing w/ DST
-         */
-        const date = new Date(convertDataToISO(_this.activeParts));
-        _this.activeParts.tzOffset = date.getTimezoneOffset() * -1;
-        _this.value = convertDataToISO(_this.activeParts);
-      }
-
-      if (closeOverlay) {
-        _this.closeParentOverlay();
-      }
-    })();
-  }
-  /**
-   * Resets the internal state of the datetime but does not update the value.
-   * Passing a valid ISO-8601 string will reset the state of the component to the provided date.
-   * If no value is provided, the internal state will be reset to the clamped value of the min, max and today.
-   */
-
-
-  reset(startDate) {
-    var _this2 = this;
-
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      _this2.processValue(startDate);
-    })();
-  }
-  /**
-   * Emits the ionCancel event and
-   * optionally closes the popover
-   * or modal that the datetime was
-   * presented in.
-   */
-
-
-  cancel(closeOverlay = false) {
-    var _this3 = this;
-
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      _this3.ionCancel.emit();
-
-      if (closeOverlay) {
-        _this3.closeParentOverlay();
-      }
-    })();
-  }
-
-  get isCalendarPicker() {
-    const {
-      presentation
-    } = this;
-    return presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
-  }
-
-  connectedCallback() {
-    this.clearFocusVisible = (0,_focus_visible_5ad6825d_js__WEBPACK_IMPORTED_MODULE_4__.startFocusVisible)(this.el).destroy;
-  }
-
-  disconnectedCallback() {
-    if (this.clearFocusVisible) {
-      this.clearFocusVisible();
-      this.clearFocusVisible = undefined;
-    }
-  }
-
-  initializeListeners() {
-    this.initializeCalendarIOListeners();
-    this.initializeKeyboardListeners();
-    this.initializeOverlayListener();
-  }
-
-  componentDidLoad() {
-    /**
-     * If a scrollable element is hidden using `display: none`,
-     * it will not have a scroll height meaning we cannot scroll elements
-     * into view. As a result, we will need to wait for the datetime to become
-     * visible if used inside of a modal or a popover otherwise the scrollable
-     * areas will not have the correct values snapped into place.
-     */
-    const visibleCallback = entries => {
-      const ev = entries[0];
-
-      if (!ev.isIntersecting) {
-        return;
-      }
-
-      this.initializeListeners();
-      /**
-       * TODO: Datetime needs a frame to ensure that it
-       * can properly scroll contents into view. As a result
-       * we hide the scrollable content until after that frame
-       * so users do not see the content quickly shifting. The downside
-       * is that the content will pop into view a frame after. Maybe there
-       * is a better way to handle this?
-       */
-
-      (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.c)(() => {
-        this.el.classList.add('datetime-ready');
-      });
-    };
-
-    const visibleIO = new IntersectionObserver(visibleCallback, {
-      threshold: 0.01
-    });
-    /**
-     * Use raf to avoid a race condition between the component loading and
-     * its display animation starting (such as when shown in a modal). This
-     * could cause the datetime to start at a visibility of 0, erroneously
-     * triggering the `hiddenIO` observer below.
-     */
-
-    (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.r)(() => visibleIO === null || visibleIO === void 0 ? void 0 : visibleIO.observe(this.el));
-    /**
-     * We need to clean up listeners when the datetime is hidden
-     * in a popover/modal so that we can properly scroll containers
-     * back into view if they are re-presented. When the datetime is hidden
-     * the scroll areas have scroll widths/heights of 0px, so any snapping
-     * we did originally has been lost.
-     */
-
-    const hiddenCallback = entries => {
-      const ev = entries[0];
-
-      if (ev.isIntersecting) {
-        return;
-      }
-
-      this.destroyInteractionListeners();
-      (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.c)(() => {
-        this.el.classList.remove('datetime-ready');
-      });
-    };
-
-    const hiddenIO = new IntersectionObserver(hiddenCallback, {
-      threshold: 0
-    });
-    (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.r)(() => hiddenIO === null || hiddenIO === void 0 ? void 0 : hiddenIO.observe(this.el));
-    /**
-     * Datetime uses Ionic components that emit
-     * ionFocus and ionBlur. These events are
-     * composed meaning they will cross
-     * the shadow dom boundary. We need to
-     * stop propagation on these events otherwise
-     * developers will see 2 ionFocus or 2 ionBlur
-     * events at a time.
-     */
-
-    const root = (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.g)(this.el);
-    root.addEventListener('ionFocus', ev => ev.stopPropagation());
-    root.addEventListener('ionBlur', ev => ev.stopPropagation());
-  }
-  /**
-   * When the presentation is changed, all calendar content is recreated,
-   * so we need to re-init behavior with the new elements.
-   */
-
-
-  componentDidRender() {
-    const {
-      presentation,
-      prevPresentation
-    } = this;
-
-    if (prevPresentation === null) {
-      this.prevPresentation = presentation;
-      return;
-    }
-
-    if (presentation === prevPresentation) {
-      return;
-    }
-
-    this.prevPresentation = presentation;
-    this.destroyInteractionListeners();
-
-    if (this.destroyOverlayListener !== undefined) {
-      this.destroyOverlayListener();
-    }
-
-    this.initializeListeners();
-  }
-
-  componentWillLoad() {
-    this.processMinParts();
-    this.processMaxParts();
-    this.processValue(this.value);
-    this.parsedHourValues = convertToArrayOfNumbers(this.hourValues);
-    this.parsedMinuteValues = convertToArrayOfNumbers(this.minuteValues);
-    this.parsedMonthValues = convertToArrayOfNumbers(this.monthValues);
-    this.parsedYearValues = convertToArrayOfNumbers(this.yearValues);
-    this.parsedDayValues = convertToArrayOfNumbers(this.dayValues);
-    this.emitStyle();
-  }
-
-  emitStyle() {
-    this.ionStyle.emit({
-      interactive: true,
-      datetime: true,
-      'interactive-disabled': this.disabled
-    });
-  }
-
-  renderFooter() {
-    const {
-      showDefaultButtons,
-      showClearButton
-    } = this;
-    const hasSlottedButtons = this.el.querySelector('[slot="buttons"]') !== null;
-
-    if (!hasSlottedButtons && !showDefaultButtons && !showClearButton) {
-      return;
-    }
-
-    const clearButtonClick = () => {
-      this.reset();
-      this.value = undefined;
-    };
-    /**
-     * By default we render two buttons:
-     * Cancel - Dismisses the datetime and
-     * does not update the `value` prop.
-     * OK - Dismisses the datetime and
-     * updates the `value` prop.
-     */
-
-
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-footer"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-buttons"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: {
-        ['datetime-action-buttons']: true,
-        ['has-clear-button']: this.showClearButton
-      }
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("slot", {
-      name: "buttons"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-buttons", null, showDefaultButtons && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      id: "cancel-button",
-      color: this.color,
-      onClick: () => this.cancel(true)
-    }, this.cancelText), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", null, showClearButton && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      id: "clear-button",
-      color: this.color,
-      onClick: () => clearButtonClick()
-    }, this.clearText), showDefaultButtons && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      id: "confirm-button",
-      color: this.color,
-      onClick: () => this.confirm(true)
-    }, this.doneText)))))));
-  }
-
-  renderYearView() {
-    const {
-      presentation,
-      workingParts,
-      locale
-    } = this;
-    const calendarYears = getCalendarYears(this.todayParts, this.minParts, this.maxParts, this.parsedYearValues);
-    const showMonth = presentation !== 'year';
-    const showYear = presentation !== 'month';
-    const months = getPickerMonths(locale, workingParts, this.minParts, this.maxParts, this.parsedMonthValues);
-    const years = calendarYears.map(year => {
-      return {
-        text: `${year}`,
-        value: year
-      };
-    });
-    const showMonthFirst = isMonthFirstLocale(locale);
-    const columnOrder = showMonthFirst ? 'month-first' : 'year-first';
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-year"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: {
-        'datetime-year-body': true,
-        [`order-${columnOrder}`]: true
-      }
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-internal", null, showMonth && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      class: "month-column",
-      color: this.color,
-      items: months,
-      value: workingParts.month,
-      onIonChange: ev => {
-        // Due to a Safari 14 issue we need to destroy
-        // the intersection observer before we update state
-        // and trigger a re-render.
-        if (this.destroyCalendarIO) {
-          this.destroyCalendarIO();
-        }
-
-        this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-          month: ev.detail.value
-        }));
-
-        if (presentation === 'month' || presentation === 'month-year') {
-          this.setActiveParts(Object.assign(Object.assign({}, this.activeParts), {
-            month: ev.detail.value
-          }));
-        } // We can re-attach the intersection observer after
-        // the working parts have been updated.
-
-
-        this.initializeCalendarIOListeners();
-        ev.stopPropagation();
-      }
-    }), showYear && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      class: "year-column",
-      color: this.color,
-      items: years,
-      value: workingParts.year,
-      onIonChange: ev => {
-        // Due to a Safari 14 issue we need to destroy
-        // the intersection observer before we update state
-        // and trigger a re-render.
-        if (this.destroyCalendarIO) {
-          this.destroyCalendarIO();
-        }
-
-        this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-          year: ev.detail.value
-        }));
-
-        if (presentation === 'year' || presentation === 'month-year') {
-          this.setActiveParts(Object.assign(Object.assign({}, this.activeParts), {
-            year: ev.detail.value
-          }));
-        } // We can re-attach the intersection observer after
-        // the working parts have been updated.
-
-
-        this.initializeCalendarIOListeners();
-        ev.stopPropagation();
-      }
-    }))));
-  }
-
-  renderCalendarHeader(mode) {
-    const expandedIcon = mode === 'ios' ? _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.i : _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.m;
-    const collapsedIcon = mode === 'ios' ? _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.l : _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.n;
-    const prevMonthDisabled = isPrevMonthDisabled(this.workingParts, this.minParts, this.maxParts);
-    const nextMonthDisabled = isNextMonthDisabled(this.workingParts, this.maxParts);
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-header"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-action-buttons"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-month-year"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-item", {
-      button: true,
-      detail: false,
-      lines: "none",
-      onClick: () => this.toggleMonthAndYearView()
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-label", null, getMonthAndYear(this.locale, this.workingParts), ' ', (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-icon", {
-      icon: this.showMonthAndYear ? expandedIcon : collapsedIcon,
-      lazy: false
-    })))), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-next-prev"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-buttons", null, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      disabled: prevMonthDisabled,
-      onClick: () => this.prevMonth()
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-icon", {
-      slot: "icon-only",
-      icon: _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.c,
-      lazy: false,
-      flipRtl: true
-    })), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-button", {
-      disabled: nextMonthDisabled,
-      onClick: () => this.nextMonth()
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-icon", {
-      slot: "icon-only",
-      icon: _index_d74f4afc_js__WEBPACK_IMPORTED_MODULE_2__.l,
-      lazy: false,
-      flipRtl: true
-    }))))), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-days-of-week"
-    }, getDaysOfWeek(this.locale, mode, this.firstDayOfWeek % 7).map(d => {
-      return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-        class: "day-of-week"
-      }, d);
-    })));
-  }
-
-  renderMonth(month, year) {
-    const {
-      highlightActiveParts
-    } = this;
-    const yearAllowed = this.parsedYearValues === undefined || this.parsedYearValues.includes(year);
-    const monthAllowed = this.parsedMonthValues === undefined || this.parsedMonthValues.includes(month);
-    const isCalMonthDisabled = !yearAllowed || !monthAllowed;
-    const swipeDisabled = isMonthDisabled({
-      month,
-      year,
-      day: null
-    }, {
-      // The day is not used when checking if a month is disabled.
-      // Users should be able to access the min or max month, even if the
-      // min/max date is out of bounds (e.g. min is set to Feb 15, Feb should not be disabled).
-      minParts: Object.assign(Object.assign({}, this.minParts), {
-        day: null
-      }),
-      maxParts: Object.assign(Object.assign({}, this.maxParts), {
-        day: null
-      })
-    }); // The working month should never have swipe disabled.
-    // Otherwise the CSS scroll snap will not work and the user
-    // can free-scroll the calendar.
-
-    const isWorkingMonth = this.workingParts.month === month && this.workingParts.year === year;
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: {
-        'calendar-month': true,
-        // Prevents scroll snap swipe gestures for months outside of the min/max bounds
-        'calendar-month-disabled': !isWorkingMonth && swipeDisabled
-      }
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-month-grid"
-    }, getDaysOfMonth(month, year, this.firstDayOfWeek % 7).map((dateObject, index) => {
-      const {
-        day,
-        dayOfWeek
-      } = dateObject;
-      const {
-        isDateEnabled
-      } = this;
-      const referenceParts = {
-        month,
-        day,
-        year
-      };
-      const {
-        isActive,
-        isToday,
-        ariaLabel,
-        ariaSelected,
-        disabled
-      } = getCalendarDayState(this.locale, referenceParts, this.activePartsClone, this.todayParts, this.minParts, this.maxParts, this.parsedDayValues);
-      let isCalDayDisabled = isCalMonthDisabled || disabled;
-
-      if (!isCalDayDisabled && isDateEnabled !== undefined) {
-        try {
-          /**
-           * The `isDateEnabled` implementation is try-catch wrapped
-           * to prevent exceptions in the user's function from
-           * interrupting the calendar rendering.
-           */
-          isCalDayDisabled = !isDateEnabled(convertDataToISO(referenceParts));
-        } catch (e) {
-          (0,_index_9ac92660_js__WEBPACK_IMPORTED_MODULE_6__.b)('Exception thrown from provided `isDateEnabled` function. Please check your function and try again.', e);
-        }
-      }
-
-      return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("button", {
-        tabindex: "-1",
-        "data-day": day,
-        "data-month": month,
-        "data-year": year,
-        "data-index": index,
-        "data-day-of-week": dayOfWeek,
-        disabled: isCalDayDisabled,
-        class: {
-          'calendar-day-padding': day === null,
-          'calendar-day': true,
-          'calendar-day-active': isActive && highlightActiveParts,
-          'calendar-day-today': isToday
-        },
-        "aria-selected": ariaSelected,
-        "aria-label": ariaLabel,
-        onClick: () => {
-          if (day === null) {
-            return;
-          }
-          /**
-           * Note that for datetimes with confirm/cancel buttons, the value
-           * isn't updated until you call confirm(). We need to bring the
-           * solid circle back on day click for UX reasons, rather than only
-           * show the circle if `value` is truthy.
-           */
-
-
-          this.highlightActiveParts = true;
-          this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), {
-            month,
-            day,
-            year
-          }));
-          this.setActiveParts(Object.assign(Object.assign({}, this.activeParts), {
-            month,
-            day,
-            year
-          }));
-        }
-      }, day);
-    })));
-  }
-
-  renderCalendarBody() {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "calendar-body ion-focusable",
-      ref: el => this.calendarBodyRef = el,
-      tabindex: "0"
-    }, generateMonths(this.workingParts).map(({
-      month,
-      year
-    }) => {
-      return this.renderMonth(month, year);
-    }));
-  }
-
-  renderCalendar(mode) {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-calendar"
-    }, this.renderCalendarHeader(mode), this.renderCalendarBody());
-  }
-
-  renderTimeLabel() {
-    const hasSlottedTimeLabel = this.el.querySelector('[slot="time-label"]') !== null;
-
-    if (!hasSlottedTimeLabel && !this.showDefaultTimeLabel) {
-      return;
-    }
-
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("slot", {
-      name: "time-label"
-    }, "Time");
-  }
-
-  renderTimePicker(hoursItems, minutesItems, ampmItems, use24Hour) {
-    const {
-      color,
-      activePartsClone,
-      workingParts
-    } = this;
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-internal", null, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      color: color,
-      value: activePartsClone.hour,
-      items: hoursItems,
-      numericInput: true,
-      onIonChange: ev => {
-        this.setWorkingParts(Object.assign(Object.assign({}, workingParts), {
-          hour: ev.detail.value
-        }));
-        this.setActiveParts(Object.assign(Object.assign({}, activePartsClone), {
-          hour: ev.detail.value
-        }));
-        ev.stopPropagation();
-      }
-    }), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      color: color,
-      value: activePartsClone.minute,
-      items: minutesItems,
-      numericInput: true,
-      onIonChange: ev => {
-        this.setWorkingParts(Object.assign(Object.assign({}, workingParts), {
-          minute: ev.detail.value
-        }));
-        this.setActiveParts(Object.assign(Object.assign({}, activePartsClone), {
-          minute: ev.detail.value
-        }));
-        ev.stopPropagation();
-      }
-    }), !use24Hour && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column-internal", {
-      color: color,
-      value: activePartsClone.ampm,
-      items: ampmItems,
-      onIonChange: ev => {
-        const hour = calculateHourFromAMPM(workingParts, ev.detail.value);
-        this.setWorkingParts(Object.assign(Object.assign({}, workingParts), {
-          ampm: ev.detail.value,
-          hour
-        }));
-        this.setActiveParts(Object.assign(Object.assign({}, activePartsClone), {
-          ampm: ev.detail.value,
-          hour
-        }));
-        ev.stopPropagation();
-      }
-    }));
-  }
-
-  renderTimeOverlay(hoursItems, minutesItems, ampmItems, use24Hour) {
-    var _this4 = this;
-
-    return [(0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "time-header"
-    }, this.renderTimeLabel()), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("button", {
-      class: {
-        'time-body': true,
-        'time-body-active': this.isTimePopoverOpen
-      },
-      "aria-expanded": "false",
-      "aria-haspopup": "true",
-      onClick: function () {
-        var _ref = (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* (ev) {
-          const {
-            popoverRef
-          } = _this4;
-
-          if (popoverRef) {
-            _this4.isTimePopoverOpen = true;
-            popoverRef.present(new CustomEvent('ionShadowTarget', {
-              detail: {
-                ionShadowTarget: ev.target
-              }
-            }));
-            yield popoverRef.onWillDismiss();
-            _this4.isTimePopoverOpen = false;
-          }
-        });
-
-        return function onClick(_x) {
-          return _ref.apply(this, arguments);
-        };
-      }()
-    }, getFormattedTime(this.activePartsClone, use24Hour)), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-popover", {
-      alignment: "center",
-      translucent: true,
-      overlayIndex: 1,
-      arrow: false,
-      onWillPresent: ev => {
-        /**
-         * Intersection Observers do not consistently fire between Blink and Webkit
-         * when toggling the visibility of the popover and trying to scroll the picker
-         * column to the correct time value.
-         *
-         * This will correctly scroll the element position to the correct time value,
-         * before the popover is fully presented.
-         */
-        const cols = ev.target.querySelectorAll('ion-picker-column-internal'); // TODO (FW-615): Potentially remove this when intersection observers are fixed in picker column
-
-        cols.forEach(col => col.scrollActiveItemIntoView());
-      },
-      style: {
-        '--offset-y': '-10px'
-      },
-      // Allow native browser keyboard events to support up/down/home/end key
-      // navigation within the time picker.
-      keyboardEvents: true,
-      ref: el => this.popoverRef = el
-    }, this.renderTimePicker(hoursItems, minutesItems, ampmItems, use24Hour))];
-  }
-  /**
-   * Render time picker inside of datetime.
-   * Do not pass color prop to segment on
-   * iOS mode. MD segment has been customized and
-   * should take on the color prop, but iOS
-   * should just be the default segment.
-   */
-
-
-  renderTime() {
-    const {
-      workingParts,
-      presentation
-    } = this;
-    const timeOnlyPresentation = presentation === 'time';
-    const use24Hour = is24Hour(this.locale, this.hourCycle);
-    const {
-      hours,
-      minutes,
-      am,
-      pm
-    } = generateTime(workingParts, use24Hour ? 'h23' : 'h12', this.value ? this.minParts : undefined, this.value ? this.maxParts : undefined, this.parsedHourValues, this.parsedMinuteValues);
-    const hoursItems = hours.map(hour => {
-      return {
-        text: getFormattedHour(hour, use24Hour),
-        value: getInternalHourValue(hour, use24Hour, workingParts.ampm)
-      };
-    });
-    const minutesItems = minutes.map(minute => {
-      return {
-        text: addTimePadding(minute),
-        value: minute
-      };
-    });
-    const ampmItems = [];
-
-    if (am) {
-      ampmItems.push({
-        text: 'AM',
-        value: 'am'
-      });
-    }
-
-    if (pm) {
-      ampmItems.push({
-        text: 'PM',
-        value: 'pm'
-      });
-    }
-
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-time"
-    }, timeOnlyPresentation ? this.renderTimePicker(hoursItems, minutesItems, ampmItems, use24Hour) : this.renderTimeOverlay(hoursItems, minutesItems, ampmItems, use24Hour));
-  }
-
-  renderCalendarViewHeader(mode) {
-    const hasSlottedTitle = this.el.querySelector('[slot="title"]') !== null;
-
-    if (!hasSlottedTitle && !this.showDefaultTitle) {
-      return;
-    }
-
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-header"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-title"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("slot", {
-      name: "title"
-    }, "Select Date")), mode === 'md' && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "datetime-selected-date"
-    }, getMonthAndDay(this.locale, this.activeParts)));
-  }
-
-  renderDatetime(mode) {
-    const {
-      presentation
-    } = this;
-
-    switch (presentation) {
-      case 'date-time':
-        return [this.renderCalendarViewHeader(mode), this.renderCalendar(mode), this.renderYearView(), this.renderTime(), this.renderFooter()];
-
-      case 'time-date':
-        return [this.renderCalendarViewHeader(mode), this.renderTime(), this.renderCalendar(mode), this.renderYearView(), this.renderFooter()];
-
-      case 'time':
-        return [this.renderTime(), this.renderFooter()];
-
-      case 'month':
-      case 'month-year':
-      case 'year':
-        return [this.renderYearView(), this.renderFooter()];
-
-      default:
-        return [this.renderCalendarViewHeader(mode), this.renderCalendar(mode), this.renderYearView(), this.renderFooter()];
-    }
-  }
-
-  render() {
-    const {
-      name,
-      value,
-      disabled,
-      el,
-      color,
-      isPresented,
-      readonly,
-      showMonthAndYear,
-      presentation,
-      size
-    } = this;
-    const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(this);
-    const isMonthAndYearPresentation = presentation === 'year' || presentation === 'month' || presentation === 'month-year';
-    const shouldShowMonthAndYear = showMonthAndYear || isMonthAndYearPresentation;
-    const monthYearPickerOpen = showMonthAndYear && !isMonthAndYearPresentation;
-    (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.e)(true, el, name, value, disabled);
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)(_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.H, {
-      "aria-disabled": disabled ? 'true' : null,
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      class: Object.assign({}, (0,_theme_7670341c_js__WEBPACK_IMPORTED_MODULE_8__.c)(color, {
-        [mode]: true,
-        ['datetime-presented']: isPresented,
-        ['datetime-readonly']: readonly,
-        ['datetime-disabled']: disabled,
-        'show-month-and-year': shouldShowMonthAndYear,
-        'month-year-picker-open': monthYearPickerOpen,
-        [`datetime-presentation-${presentation}`]: true,
-        [`datetime-size-${size}`]: true
-      }))
-    }, this.renderDatetime(mode));
-  }
-
-  get el() {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.i)(this);
-  }
-
-  static get watchers() {
-    return {
-      "disabled": ["disabledChanged"],
-      "min": ["minChanged"],
-      "max": ["maxChanged"],
-      "yearValues": ["yearValuesChanged"],
-      "monthValues": ["monthValuesChanged"],
-      "dayValues": ["dayValuesChanged"],
-      "hourValues": ["hourValuesChanged"],
-      "minuteValues": ["minuteValuesChanged"],
-      "activeParts": ["activePartsChanged"],
-      "value": ["valueChanged"]
-    };
-  }
-
-};
-let datetimeIds = 0;
-Datetime.style = {
-  ios: datetimeIosCss,
-  md: datetimeMdCss
-};
-/**
- * iOS Picker Enter Animation
- */
-
-const iosEnterAnimation = baseEl => {
-  const baseAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  const backdropAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  const wrapperAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 0.01, 'var(--backdrop-opacity)').beforeStyles({
-    'pointer-events': 'none'
-  }).afterClearStyles(['pointer-events']);
-  wrapperAnimation.addElement(baseEl.querySelector('.picker-wrapper')).fromTo('transform', 'translateY(100%)', 'translateY(0%)');
-  return baseAnimation.addElement(baseEl).easing('cubic-bezier(.36,.66,.04,1)').duration(400).addAnimation([backdropAnimation, wrapperAnimation]);
-};
-/**
- * iOS Picker Leave Animation
- */
-
-
-const iosLeaveAnimation = baseEl => {
-  const baseAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  const backdropAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  const wrapperAnimation = (0,_animation_36c1d77d_js__WEBPACK_IMPORTED_MODULE_10__.c)();
-  backdropAnimation.addElement(baseEl.querySelector('ion-backdrop')).fromTo('opacity', 'var(--backdrop-opacity)', 0.01);
-  wrapperAnimation.addElement(baseEl.querySelector('.picker-wrapper')).fromTo('transform', 'translateY(0%)', 'translateY(100%)');
-  return baseAnimation.addElement(baseEl).easing('cubic-bezier(.36,.66,.04,1)').duration(400).addAnimation([backdropAnimation, wrapperAnimation]);
-};
-
-const pickerIosCss = ".sc-ion-picker-ios-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}[dir=rtl].sc-ion-picker-ios-h,[dir=rtl] .sc-ion-picker-ios-h{left:unset;right:unset;right:0}.overlay-hidden.sc-ion-picker-ios-h{display:none}.picker-wrapper.sc-ion-picker-ios{border-radius:var(--border-radius);left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-wrapper.sc-ion-picker-ios{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}.picker-toolbar.sc-ion-picker-ios{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-ios{border:0;font-family:inherit}.picker-button.sc-ion-picker-ios:active,.picker-button.sc-ion-picker-ios:focus{outline:none}.picker-columns.sc-ion-picker-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;direction:ltr;overflow:hidden}.picker-above-highlight.sc-ion-picker-ios,.picker-below-highlight.sc-ion-picker-ios{display:none;pointer-events:none}.sc-ion-picker-ios-h{--background:var(--ion-background-color, #fff);--border-width:1px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-ios{display:-ms-flexbox;display:flex;height:44px;border-bottom:0.55px solid var(--border-color)}.picker-toolbar-button.sc-ion-picker-ios{-ms-flex:1;flex:1;text-align:end}.picker-toolbar-button.sc-ion-picker-ios:last-child .picker-button.sc-ion-picker-ios{font-weight:600}.picker-toolbar-button.sc-ion-picker-ios:first-child{font-weight:normal;text-align:start}.picker-button.sc-ion-picker-ios,.picker-button.ion-activated.sc-ion-picker-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:1em;padding-right:1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:16px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-button.sc-ion-picker-ios,.picker-button.ion-activated.sc-ion-picker-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:1em;padding-inline-start:1em;-webkit-padding-end:1em;padding-inline-end:1em}}.picker-columns.sc-ion-picker-ios{height:215px;-webkit-perspective:1000px;perspective:1000px}.picker-above-highlight.sc-ion-picker-ios{left:0;top:0;-webkit-transform:translate3d(0,  0,  90px);transform:translate3d(0,  0,  90px);display:block;position:absolute;width:100%;height:81px;border-bottom:1px solid var(--border-color);background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--background, var(--ion-background-color, #fff))), to(rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8)));background:linear-gradient(to bottom, var(--background, var(--ion-background-color, #fff)) 20%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:10}[dir=rtl].sc-ion-picker-ios .picker-above-highlight.sc-ion-picker-ios,[dir=rtl].sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-above-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}.picker-below-highlight.sc-ion-picker-ios{left:0;top:115px;-webkit-transform:translate3d(0,  0,  90px);transform:translate3d(0,  0,  90px);display:block;position:absolute;width:100%;height:119px;border-top:1px solid var(--border-color);background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--background, var(--ion-background-color, #fff))), to(rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8)));background:linear-gradient(to top, var(--background, var(--ion-background-color, #fff)) 30%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);z-index:11}[dir=rtl].sc-ion-picker-ios .picker-below-highlight.sc-ion-picker-ios,[dir=rtl].sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios,[dir=rtl] .sc-ion-picker-ios-h .picker-below-highlight.sc-ion-picker-ios{left:unset;right:unset;right:0}";
-const pickerMdCss = ".sc-ion-picker-md-h{--border-radius:0;--border-style:solid;--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--max-height:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}[dir=rtl].sc-ion-picker-md-h,[dir=rtl] .sc-ion-picker-md-h{left:unset;right:unset;right:0}.overlay-hidden.sc-ion-picker-md-h{display:none}.picker-wrapper.sc-ion-picker-md{border-radius:var(--border-radius);left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;overflow:hidden;z-index:10}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-wrapper.sc-ion-picker-md{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}.picker-toolbar.sc-ion-picker-md{width:100%;background:transparent;contain:strict;z-index:1}.picker-button.sc-ion-picker-md{border:0;font-family:inherit}.picker-button.sc-ion-picker-md:active,.picker-button.sc-ion-picker-md:focus{outline:none}.picker-columns.sc-ion-picker-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--ion-safe-area-bottom, 0);contain:strict;direction:ltr;overflow:hidden}.picker-above-highlight.sc-ion-picker-md,.picker-below-highlight.sc-ion-picker-md{display:none;pointer-events:none}.sc-ion-picker-md-h{--background:var(--ion-background-color, #fff);--border-width:0.55px 0 0;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--height:260px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.26);color:var(--ion-item-color, var(--ion-text-color, #000))}.picker-toolbar.sc-ion-picker-md{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;height:44px}.picker-button.sc-ion-picker-md,.picker-button.ion-activated.sc-ion-picker-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:1.1em;padding-right:1.1em;padding-top:0;padding-bottom:0;height:44px;background:transparent;color:var(--ion-color-primary, #3880ff);font-size:14px;font-weight:500;text-transform:uppercase;-webkit-box-shadow:none;box-shadow:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-button.sc-ion-picker-md,.picker-button.ion-activated.sc-ion-picker-md{padding-left:unset;padding-right:unset;-webkit-padding-start:1.1em;padding-inline-start:1.1em;-webkit-padding-end:1.1em;padding-inline-end:1.1em}}.picker-columns.sc-ion-picker-md{height:216px;-webkit-perspective:1800px;perspective:1800px}.picker-above-highlight.sc-ion-picker-md{left:0;top:0;-webkit-transform:translate3d(0,  0,  90px);transform:translate3d(0,  0,  90px);position:absolute;width:100%;height:81px;border-bottom:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--ion-background-color, #fff)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background:linear-gradient(to bottom, var(--ion-background-color, #fff) 20%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:10}[dir=rtl].sc-ion-picker-md .picker-above-highlight.sc-ion-picker-md,[dir=rtl].sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-above-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}.picker-below-highlight.sc-ion-picker-md{left:0;top:115px;-webkit-transform:translate3d(0,  0,  90px);transform:translate3d(0,  0,  90px);position:absolute;width:100%;height:119px;border-top:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--ion-background-color, #fff)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background:linear-gradient(to top, var(--ion-background-color, #fff) 30%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);z-index:11}[dir=rtl].sc-ion-picker-md .picker-below-highlight.sc-ion-picker-md,[dir=rtl].sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md,[dir=rtl] .sc-ion-picker-md-h .picker-below-highlight.sc-ion-picker-md{left:unset;right:unset;right:0}";
-const Picker = class {
-  constructor(hostRef) {
-    (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.r)(this, hostRef);
-    this.didPresent = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerDidPresent", 7);
-    this.willPresent = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerWillPresent", 7);
-    this.willDismiss = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerWillDismiss", 7);
-    this.didDismiss = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerDidDismiss", 7);
-    this.presented = false;
-    /**
-     * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
-     */
-
-    this.keyboardClose = true;
-    /**
-     * Array of buttons to be displayed at the top of the picker.
-     */
-
-    this.buttons = [];
-    /**
-     * Array of columns to be displayed in the picker.
-     */
-
-    this.columns = [];
-    /**
-     * Number of milliseconds to wait before dismissing the picker.
-     */
-
-    this.duration = 0;
-    /**
-     * If `true`, a backdrop will be displayed behind the picker.
-     */
-
-    this.showBackdrop = true;
-    /**
-     * If `true`, the picker will be dismissed when the backdrop is clicked.
-     */
-
-    this.backdropDismiss = true;
-    /**
-     * If `true`, the picker will animate.
-     */
-
-    this.animated = true;
-
-    this.onBackdropTap = () => {
-      this.dismiss(undefined, _overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.B);
-    };
-
-    this.dispatchCancelHandler = ev => {
-      const role = ev.detail.role;
-
-      if ((0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.i)(role)) {
-        const cancelButton = this.buttons.find(b => b.role === 'cancel');
-        this.callButtonHandler(cancelButton);
-      }
-    };
-  }
-
-  connectedCallback() {
-    (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.e)(this.el);
-  }
-  /**
-   * Present the picker overlay after it has been created.
-   */
-
-
-  present() {
-    var _this5 = this;
-
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      yield (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.d)(_this5, 'pickerEnter', iosEnterAnimation, iosEnterAnimation, undefined);
-
-      if (_this5.duration > 0) {
-        _this5.durationTimeout = setTimeout(() => _this5.dismiss(), _this5.duration);
-      }
-    })();
-  }
-  /**
-   * Dismiss the picker overlay after it has been presented.
-   *
-   * @param data Any data to emit in the dismiss events.
-   * @param role The role of the element that is dismissing the picker.
-   * This can be useful in a button handler for determining which button was
-   * clicked to dismiss the picker.
-   * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
-   */
-
-
-  dismiss(data, role) {
-    if (this.durationTimeout) {
-      clearTimeout(this.durationTimeout);
-    }
-
-    return (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.f)(this, data, role, 'pickerLeave', iosLeaveAnimation, iosLeaveAnimation);
-  }
-  /**
-   * Returns a promise that resolves when the picker did dismiss.
-   */
-
-
-  onDidDismiss() {
-    return (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.g)(this.el, 'ionPickerDidDismiss');
-  }
-  /**
-   * Returns a promise that resolves when the picker will dismiss.
-   */
-
-
-  onWillDismiss() {
-    return (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.g)(this.el, 'ionPickerWillDismiss');
-  }
-  /**
-   * Get the column that matches the specified name.
-   *
-   * @param name The name of the column.
-   */
-
-
-  getColumn(name) {
-    return Promise.resolve(this.columns.find(column => column.name === name));
-  }
-
-  buttonClick(button) {
-    var _this6 = this;
-
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      const role = button.role;
-
-      if ((0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.i)(role)) {
-        return _this6.dismiss(undefined, role);
-      }
-
-      const shouldDismiss = yield _this6.callButtonHandler(button);
-
-      if (shouldDismiss) {
-        return _this6.dismiss(_this6.getSelected(), button.role);
-      }
-
-      return Promise.resolve();
-    })();
-  }
-
-  callButtonHandler(button) {
-    var _this7 = this;
-
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      if (button) {
-        // a handler has been provided, execute it
-        // pass the handler the values from the inputs
-        const rtn = yield (0,_overlays_ab6211c7_js__WEBPACK_IMPORTED_MODULE_9__.s)(button.handler, _this7.getSelected());
-
-        if (rtn === false) {
-          // if the return value of the handler is false then do not dismiss
-          return false;
-        }
-      }
-
-      return true;
-    })();
-  }
-
-  getSelected() {
-    const selected = {};
-    this.columns.forEach((col, index) => {
-      const selectedColumn = col.selectedIndex !== undefined ? col.options[col.selectedIndex] : undefined;
-      selected[col.name] = {
-        text: selectedColumn ? selectedColumn.text : undefined,
-        value: selectedColumn ? selectedColumn.value : undefined,
-        columnIndex: index
-      };
-    });
-    return selected;
-  }
-
-  render() {
-    const {
-      htmlAttributes
-    } = this;
-    const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(this);
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)(_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.H, Object.assign({
-      "aria-modal": "true",
-      tabindex: "-1"
-    }, htmlAttributes, {
-      style: {
-        zIndex: `${20000 + this.overlayIndex}`
-      },
-      class: Object.assign({
-        [mode]: true,
-        // Used internally for styling
-        [`picker-${mode}`]: true,
-        'overlay-hidden': true
-      }, (0,_theme_7670341c_js__WEBPACK_IMPORTED_MODULE_8__.g)(this.cssClass)),
-      onIonBackdropTap: this.onBackdropTap,
-      onIonPickerWillDismiss: this.dispatchCancelHandler
-    }), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-backdrop", {
-      visible: this.showBackdrop,
-      tappable: this.backdropDismiss
-    }), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      tabindex: "0"
-    }), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-wrapper ion-overlay-wrapper",
-      role: "dialog"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-toolbar"
-    }, this.buttons.map(b => (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: buttonWrapperClass(b)
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("button", {
-      type: "button",
-      onClick: () => this.buttonClick(b),
-      class: buttonClass(b)
-    }, b.text)))), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-columns"
-    }, (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-above-highlight"
-    }), this.presented && this.columns.map(c => (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("ion-picker-column", {
-      col: c
-    })), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-below-highlight"
-    }))), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      tabindex: "0"
-    }));
-  }
-
-  get el() {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.i)(this);
-  }
-
-};
-
-const buttonWrapperClass = button => {
-  return {
-    [`picker-toolbar-${button.role}`]: button.role !== undefined,
-    'picker-toolbar-button': true
-  };
-};
-
-const buttonClass = button => {
-  return Object.assign({
-    'picker-button': true,
-    'ion-activatable': true
-  }, (0,_theme_7670341c_js__WEBPACK_IMPORTED_MODULE_8__.g)(button.cssClass));
-};
-
-Picker.style = {
-  ios: pickerIosCss,
-  md: pickerMdCss
-};
-const pickerColumnIosCss = ".picker-col{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;contain:content}.picker-opts{position:relative;-ms-flex:1;flex:1;max-width:100%}.picker-opt{left:0;top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{-ms-flex-pack:start;justify-content:flex-start}.picker-opts-right{-ms-flex-pack:end;justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;-ms-flex:1;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;-ms-flex:1;flex:1;text-align:start;white-space:nowrap}.picker-col{padding-left:4px;padding-right:4px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-col{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px}}.picker-prefix,.picker-suffix,.picker-opts{top:77px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:inherit;font-size:20px;line-height:42px;pointer-events:none}.picker-opt{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:center center;transform-origin:center center;height:46px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:20px;line-height:42px;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}";
-const pickerColumnMdCss = ".picker-col{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;contain:content}.picker-opts{position:relative;-ms-flex:1;flex:1;max-width:100%}.picker-opt{left:0;top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{-ms-flex-pack:start;justify-content:flex-start}.picker-opts-right{-ms-flex-pack:end;justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;-ms-flex:1;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;-ms-flex:1;flex:1;text-align:start;white-space:nowrap}.picker-col{padding-left:8px;padding-right:8px;padding-top:0;padding-bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.picker-col{padding-left:unset;padding-right:unset;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px}}.picker-prefix,.picker-suffix,.picker-opts{top:77px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:inherit;font-size:22px;line-height:42px;pointer-events:none}.picker-opt{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;height:43px;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:22px;line-height:42px;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}.picker-prefix,.picker-suffix,.picker-opt.picker-opt-selected{color:var(--ion-color-primary, #3880ff)}";
-const PickerColumnCmp = class {
-  constructor(hostRef) {
-    (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.r)(this, hostRef);
-    this.ionPickerColChange = (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.e)(this, "ionPickerColChange", 7);
-    this.optHeight = 0;
-    this.rotateFactor = 0;
-    this.scaleFactor = 1;
-    this.velocity = 0;
-    this.y = 0;
-    this.noAnimate = true;
-  }
-
-  colChanged() {
-    this.refresh();
-  }
-
-  connectedCallback() {
-    var _this8 = this;
-
-    return (0,D_callkit_sample_sample_test_ionic_sample_test_ionic_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(function* () {
-      let pickerRotateFactor = 0;
-      let pickerScaleFactor = 0.81;
-      const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(_this8);
-
-      if (mode === 'ios') {
-        pickerRotateFactor = -0.46;
-        pickerScaleFactor = 1;
-      }
-
-      _this8.rotateFactor = pickerRotateFactor;
-      _this8.scaleFactor = pickerScaleFactor;
-      _this8.gesture = (yield Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./index-3f1a7d95.js */ 4168))).createGesture({
-        el: _this8.el,
-        gestureName: 'picker-swipe',
-        gesturePriority: 100,
-        threshold: 0,
-        passive: false,
-        onStart: ev => _this8.onStart(ev),
-        onMove: ev => _this8.onMove(ev),
-        onEnd: ev => _this8.onEnd(ev)
-      });
-
-      _this8.gesture.enable();
-
-      _this8.tmrId = setTimeout(() => {
-        _this8.noAnimate = false;
-
-        _this8.refresh(true);
-      }, 250);
-    })();
-  }
-
-  componentDidLoad() {
-    const colEl = this.optsEl;
-
-    if (colEl) {
-      // DOM READ
-      // We perfom a DOM read over a rendered item, this needs to happen after the first render
-      this.optHeight = colEl.firstElementChild ? colEl.firstElementChild.clientHeight : 0;
-    }
-
-    this.refresh();
-  }
-
-  disconnectedCallback() {
-    cancelAnimationFrame(this.rafId);
-    clearTimeout(this.tmrId);
-
-    if (this.gesture) {
-      this.gesture.destroy();
-      this.gesture = undefined;
-    }
-  }
-
-  emitColChange() {
-    this.ionPickerColChange.emit(this.col);
-  }
-
-  setSelected(selectedIndex, duration) {
-    // if there is a selected index, then figure out it's y position
-    // if there isn't a selected index, then just use the top y position
-    const y = selectedIndex > -1 ? -(selectedIndex * this.optHeight) : 0;
-    this.velocity = 0; // set what y position we're at
-
-    cancelAnimationFrame(this.rafId);
-    this.update(y, duration, true);
-    this.emitColChange();
-  }
-
-  update(y, duration, saveY) {
-    if (!this.optsEl) {
-      return;
-    } // ensure we've got a good round number :)
-
-
-    let translateY = 0;
-    let translateZ = 0;
-    const {
-      col,
-      rotateFactor
-    } = this;
-    const selectedIndex = col.selectedIndex = this.indexForY(-y);
-    const durationStr = duration === 0 ? '' : duration + 'ms';
-    const scaleStr = `scale(${this.scaleFactor})`;
-    const children = this.optsEl.children;
-
-    for (let i = 0; i < children.length; i++) {
-      const button = children[i];
-      const opt = col.options[i];
-      const optOffset = i * this.optHeight + y;
-      let transform = '';
-
-      if (rotateFactor !== 0) {
-        const rotateX = optOffset * rotateFactor;
-
-        if (Math.abs(rotateX) <= 90) {
-          translateY = 0;
-          translateZ = 90;
-          transform = `rotateX(${rotateX}deg) `;
-        } else {
-          translateY = -9999;
-        }
-      } else {
-        translateZ = 0;
-        translateY = optOffset;
-      }
-
-      const selected = selectedIndex === i;
-      transform += `translate3d(0px,${translateY}px,${translateZ}px) `;
-
-      if (this.scaleFactor !== 1 && !selected) {
-        transform += scaleStr;
-      } // Update transition duration
-
-
-      if (this.noAnimate) {
-        opt.duration = 0;
-        button.style.transitionDuration = '';
-      } else if (duration !== opt.duration) {
-        opt.duration = duration;
-        button.style.transitionDuration = durationStr;
-      } // Update transform
-
-
-      if (transform !== opt.transform) {
-        opt.transform = transform;
-      }
-
-      button.style.transform = transform; // Update selected item
-
-      if (selected !== opt.selected) {
-        opt.selected = selected;
-
-        if (selected) {
-          button.classList.add(PICKER_OPT_SELECTED);
-        } else {
-          button.classList.remove(PICKER_OPT_SELECTED);
-        }
-      }
-    }
-
-    this.col.prevSelected = selectedIndex;
-
-    if (saveY) {
-      this.y = y;
-    }
-
-    if (this.lastIndex !== selectedIndex) {
-      // have not set a last index yet
-      (0,_haptic_683b3b3c_js__WEBPACK_IMPORTED_MODULE_11__.b)();
-      this.lastIndex = selectedIndex;
-    }
-  }
-
-  decelerate() {
-    if (this.velocity !== 0) {
-      // still decelerating
-      this.velocity *= DECELERATION_FRICTION; // do not let it go slower than a velocity of 1
-
-      this.velocity = this.velocity > 0 ? Math.max(this.velocity, 1) : Math.min(this.velocity, -1);
-      let y = this.y + this.velocity;
-
-      if (y > this.minY) {
-        // whoops, it's trying to scroll up farther than the options we have!
-        y = this.minY;
-        this.velocity = 0;
-      } else if (y < this.maxY) {
-        // gahh, it's trying to scroll down farther than we can!
-        y = this.maxY;
-        this.velocity = 0;
-      }
-
-      this.update(y, 0, true);
-      const notLockedIn = Math.round(y) % this.optHeight !== 0 || Math.abs(this.velocity) > 1;
-
-      if (notLockedIn) {
-        // isn't locked in yet, keep decelerating until it is
-        this.rafId = requestAnimationFrame(() => this.decelerate());
-      } else {
-        this.velocity = 0;
-        this.emitColChange();
-        (0,_haptic_683b3b3c_js__WEBPACK_IMPORTED_MODULE_11__.h)();
-      }
-    } else if (this.y % this.optHeight !== 0) {
-      // needs to still get locked into a position so options line up
-      const currentPos = Math.abs(this.y % this.optHeight); // create a velocity in the direction it needs to scroll
-
-      this.velocity = currentPos > this.optHeight / 2 ? 1 : -1;
-      this.decelerate();
-    }
-  }
-
-  indexForY(y) {
-    return Math.min(Math.max(Math.abs(Math.round(y / this.optHeight)), 0), this.col.options.length - 1);
-  } // TODO should this check disabled?
-
-
-  onStart(detail) {
-    // We have to prevent default in order to block scrolling under the picker
-    // but we DO NOT have to stop propagation, since we still want
-    // some "click" events to capture
-    if (detail.event.cancelable) {
-      detail.event.preventDefault();
-    }
-
-    detail.event.stopPropagation();
-    (0,_haptic_683b3b3c_js__WEBPACK_IMPORTED_MODULE_11__.a)(); // reset everything
-
-    cancelAnimationFrame(this.rafId);
-    const options = this.col.options;
-    let minY = options.length - 1;
-    let maxY = 0;
-
-    for (let i = 0; i < options.length; i++) {
-      if (!options[i].disabled) {
-        minY = Math.min(minY, i);
-        maxY = Math.max(maxY, i);
-      }
-    }
-
-    this.minY = -(minY * this.optHeight);
-    this.maxY = -(maxY * this.optHeight);
-  }
-
-  onMove(detail) {
-    if (detail.event.cancelable) {
-      detail.event.preventDefault();
-    }
-
-    detail.event.stopPropagation(); // update the scroll position relative to pointer start position
-
-    let y = this.y + detail.deltaY;
-
-    if (y > this.minY) {
-      // scrolling up higher than scroll area
-      y = Math.pow(y, 0.8);
-      this.bounceFrom = y;
-    } else if (y < this.maxY) {
-      // scrolling down below scroll area
-      y += Math.pow(this.maxY - y, 0.9);
-      this.bounceFrom = y;
-    } else {
-      this.bounceFrom = 0;
-    }
-
-    this.update(y, 0, false);
-  }
-
-  onEnd(detail) {
-    if (this.bounceFrom > 0) {
-      // bounce back up
-      this.update(this.minY, 100, true);
-      this.emitColChange();
-      return;
-    } else if (this.bounceFrom < 0) {
-      // bounce back down
-      this.update(this.maxY, 100, true);
-      this.emitColChange();
-      return;
-    }
-
-    this.velocity = (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.l)(-MAX_PICKER_SPEED, detail.velocityY * 23, MAX_PICKER_SPEED);
-
-    if (this.velocity === 0 && detail.deltaY === 0) {
-      const opt = detail.event.target.closest('.picker-opt');
-
-      if (opt === null || opt === void 0 ? void 0 : opt.hasAttribute('opt-index')) {
-        this.setSelected(parseInt(opt.getAttribute('opt-index'), 10), TRANSITION_DURATION);
-      }
-    } else {
-      this.y += detail.deltaY;
-
-      if (Math.abs(detail.velocityY) < 0.05) {
-        const isScrollingUp = detail.deltaY > 0;
-        const optHeightFraction = Math.abs(this.y) % this.optHeight / this.optHeight;
-
-        if (isScrollingUp && optHeightFraction > 0.5) {
-          this.velocity = Math.abs(this.velocity) * -1;
-        } else if (!isScrollingUp && optHeightFraction <= 0.5) {
-          this.velocity = Math.abs(this.velocity);
-        }
-      }
-
-      this.decelerate();
-    }
-  }
-
-  refresh(forceRefresh) {
-    let min = this.col.options.length - 1;
-    let max = 0;
-    const options = this.col.options;
-
-    for (let i = 0; i < options.length; i++) {
-      if (!options[i].disabled) {
-        min = Math.min(min, i);
-        max = Math.max(max, i);
-      }
-    }
-    /**
-     * Only update selected value if column has a
-     * velocity of 0. If it does not, then the
-     * column is animating might land on
-     * a value different than the value at
-     * selectedIndex
-     */
-
-
-    if (this.velocity !== 0) {
-      return;
-    }
-
-    const selectedIndex = (0,_helpers_4d272360_js__WEBPACK_IMPORTED_MODULE_5__.l)(min, this.col.selectedIndex || 0, max);
-
-    if (this.col.prevSelected !== selectedIndex || forceRefresh) {
-      const y = selectedIndex * this.optHeight * -1;
-      this.velocity = 0;
-      this.update(y, TRANSITION_DURATION, true);
-    }
-  }
-
-  render() {
-    const col = this.col;
-    const Button = 'button';
-    const mode = (0,_ionic_global_00475c3a_js__WEBPACK_IMPORTED_MODULE_3__.b)(this);
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)(_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.H, {
-      class: {
-        [mode]: true,
-        'picker-col': true,
-        'picker-opts-left': this.col.align === 'left',
-        'picker-opts-right': this.col.align === 'right'
-      },
-      style: {
-        'max-width': this.col.columnWidth
-      }
-    }, col.prefix && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-prefix",
-      style: {
-        width: col.prefixWidth
-      }
-    }, col.prefix), (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-opts",
-      style: {
-        maxWidth: col.optionsWidth
-      },
-      ref: el => this.optsEl = el
-    }, col.options.map((o, index) => (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)(Button, {
-      type: "button",
-      class: {
-        'picker-opt': true,
-        'picker-opt-disabled': !!o.disabled
-      },
-      "opt-index": index
-    }, o.text))), col.suffix && (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "picker-suffix",
-      style: {
-        width: col.suffixWidth
-      }
-    }, col.suffix));
-  }
-
-  get el() {
-    return (0,_index_88bdeaae_js__WEBPACK_IMPORTED_MODULE_1__.i)(this);
-  }
-
-  static get watchers() {
-    return {
-      "col": ["colChanged"]
-    };
-  }
-
-};
-const PICKER_OPT_SELECTED = 'picker-opt-selected';
-const DECELERATION_FRICTION = 0.97;
-const MAX_PICKER_SPEED = 90;
-const TRANSITION_DURATION = 150;
-PickerColumnCmp.style = {
-  ios: pickerColumnIosCss,
-  md: pickerColumnMdCss
-};
-
-
-/***/ })
-
-}]);
-//# sourceMappingURL=node_modules_ionic_core_dist_esm_ion-datetime_3_entry_js.js.map