@govbr-ds/webcomponents 2.1.0 → 2.1.1

package/dist/cjs/br-date-picker_3.cjs.entry.js

@@ -0,0 +1,2446 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+'use strict';
+
+var index$1 = require('./index-CRdcutym.js');
+var index = require('./index-C92n55ch.js');
+var datetimePickerConstants = require('./datetime-picker-constants-B5pWeOn1.js');
+var isValid = require('./isValid-Fu3kaWNn.js');
+var event = require('./event-CmVdNHxl.js');
+
+var addMonths = {};
+
+var hasRequiredAddMonths;
+
+function requireAddMonths () {
+	if (hasRequiredAddMonths) return addMonths;
+	hasRequiredAddMonths = 1;
+	addMonths.addMonths = addMonths$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireConstructFrom();
+	var _index2 = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * The {@link addMonths} function options.
+	 */
+
+	/**
+	 * @name addMonths
+	 * @category Month Helpers
+	 * @summary Add the specified number of months to the given date.
+	 *
+	 * @description
+	 * Add the specified number of months to the given date.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+	 *
+	 * @param date - The date to be changed
+	 * @param amount - The amount of months to be added.
+	 * @param options - The options object
+	 *
+	 * @returns The new date with the months added
+	 *
+	 * @example
+	 * // Add 5 months to 1 September 2014:
+	 * const result = addMonths(new Date(2014, 8, 1), 5)
+	 * //=> Sun Feb 01 2015 00:00:00
+	 *
+	 * // Add one month to 30 January 2023:
+	 * const result = addMonths(new Date(2023, 0, 30), 1)
+	 * //=> Tue Feb 28 2023 00:00:00
+	 */
+	function addMonths$1(date, amount, options) {
+	  const _date = (0, _index2.toDate)(date, options?.in);
+	  if (isNaN(amount)) return (0, _index.constructFrom)(options?.in || date, NaN);
+	  if (!amount) {
+	    // If 0 months, no-op to avoid changing times in the hour before end of DST
+	    return _date;
+	  }
+	  const dayOfMonth = _date.getDate();
+
+	  // The JS Date object supports date math by accepting out-of-bounds values for
+	  // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and
+	  // new Date(2020, 13, 1) returns 1 Feb 2021.  This is *almost* the behavior we
+	  // want except that dates will wrap around the end of a month, meaning that
+	  // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So
+	  // we'll default to the end of the desired month by adding 1 to the desired
+	  // month and using a date of 0 to back up one day to the end of the desired
+	  // month.
+	  const endOfDesiredMonth = (0, _index.constructFrom)(
+	    options?.in || date,
+	    _date.getTime(),
+	  );
+	  endOfDesiredMonth.setMonth(_date.getMonth() + amount + 1, 0);
+	  const daysInMonth = endOfDesiredMonth.getDate();
+	  if (dayOfMonth >= daysInMonth) {
+	    // If we're already at the end of the month, then this is the correct date
+	    // and we're done.
+	    return endOfDesiredMonth;
+	  } else {
+	    // Otherwise, we now know that setting the original day-of-month value won't
+	    // cause an overflow, so set the desired day-of-month. Note that we can't
+	    // just set the date of `endOfDesiredMonth` because that object may have had
+	    // its time changed in the unusual case where where a DST transition was on
+	    // the last day of the month and its local time was in the hour skipped or
+	    // repeated next to a DST transition.  So we use `date` instead which is
+	    // guaranteed to still have the original time.
+	    _date.setFullYear(
+	      endOfDesiredMonth.getFullYear(),
+	      endOfDesiredMonth.getMonth(),
+	      dayOfMonth,
+	    );
+	    return _date;
+	  }
+	}
+	return addMonths;
+}
+
+var addMonthsExports = /*@__PURE__*/ requireAddMonths();
+
+var compareAsc = {};
+
+var hasRequiredCompareAsc;
+
+function requireCompareAsc () {
+	if (hasRequiredCompareAsc) return compareAsc;
+	hasRequiredCompareAsc = 1;
+	compareAsc.compareAsc = compareAsc$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * @name compareAsc
+	 * @category Common Helpers
+	 * @summary Compare the two dates and return -1, 0 or 1.
+	 *
+	 * @description
+	 * Compare the two dates and return 1 if the first date is after the second,
+	 * -1 if the first date is before the second or 0 if dates are equal.
+	 *
+	 * @param dateLeft - The first date to compare
+	 * @param dateRight - The second date to compare
+	 *
+	 * @returns The result of the comparison
+	 *
+	 * @example
+	 * // Compare 11 February 1987 and 10 July 1989:
+	 * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))
+	 * //=> -1
+	 *
+	 * @example
+	 * // Sort the array of dates:
+	 * const result = [
+	 *   new Date(1995, 6, 2),
+	 *   new Date(1987, 1, 11),
+	 *   new Date(1989, 6, 10)
+	 * ].sort(compareAsc)
+	 * //=> [
+	 * //   Wed Feb 11 1987 00:00:00,
+	 * //   Mon Jul 10 1989 00:00:00,
+	 * //   Sun Jul 02 1995 00:00:00
+	 * // ]
+	 */
+	function compareAsc$1(dateLeft, dateRight) {
+	  const diff = +(0, _index.toDate)(dateLeft) - +(0, _index.toDate)(dateRight);
+
+	  if (diff < 0) return -1;
+	  else if (diff > 0) return 1;
+
+	  // Return 0 if diff is 0; return NaN if diff is NaN
+	  return diff;
+	}
+	return compareAsc;
+}
+
+var compareAscExports = /*@__PURE__*/ requireCompareAsc();
+
+var endOfMonth = {};
+
+var hasRequiredEndOfMonth;
+
+function requireEndOfMonth () {
+	if (hasRequiredEndOfMonth) return endOfMonth;
+	hasRequiredEndOfMonth = 1;
+	endOfMonth.endOfMonth = endOfMonth$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * The {@link endOfMonth} function options.
+	 */
+
+	/**
+	 * @name endOfMonth
+	 * @category Month Helpers
+	 * @summary Return the end of a month for the given date.
+	 *
+	 * @description
+	 * Return the end of a month for the given date.
+	 * The result will be in the local timezone.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+	 *
+	 * @param date - The original date
+	 * @param options - An object with options
+	 *
+	 * @returns The end of a month
+	 *
+	 * @example
+	 * // The end of a month for 2 September 2014 11:55:00:
+	 * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
+	 * //=> Tue Sep 30 2014 23:59:59.999
+	 */
+	function endOfMonth$1(date, options) {
+	  const _date = (0, _index.toDate)(date, options?.in);
+	  const month = _date.getMonth();
+	  _date.setFullYear(_date.getFullYear(), month + 1, 0);
+	  _date.setHours(23, 59, 59, 999);
+	  return _date;
+	}
+	return endOfMonth;
+}
+
+var endOfMonthExports = /*@__PURE__*/ requireEndOfMonth();
+
+var endOfWeek = {};
+
+var hasRequiredEndOfWeek;
+
+function requireEndOfWeek () {
+	if (hasRequiredEndOfWeek) return endOfWeek;
+	hasRequiredEndOfWeek = 1;
+	endOfWeek.endOfWeek = endOfWeek$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireDefaultOptions();
+	var _index2 = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * The {@link endOfWeek} function options.
+	 */
+
+	/**
+	 * @name endOfWeek
+	 * @category Week Helpers
+	 * @summary Return the end of a week for the given date.
+	 *
+	 * @description
+	 * Return the end of a week for the given date.
+	 * The result will be in the local timezone.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+	 *
+	 * @param date - The original date
+	 * @param options - An object with options
+	 *
+	 * @returns The end of a week
+	 *
+	 * @example
+	 * // The end of a week for 2 September 2014 11:55:00:
+	 * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0))
+	 * //=> Sat Sep 06 2014 23:59:59.999
+	 *
+	 * @example
+	 * // If the week starts on Monday, the end of the week for 2 September 2014 11:55:00:
+	 * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
+	 * //=> Sun Sep 07 2014 23:59:59.999
+	 */
+	function endOfWeek$1(date, options) {
+	  const defaultOptions = (0, _index.getDefaultOptions)();
+	  const weekStartsOn =
+	    options?.weekStartsOn ??
+	    options?.locale?.options?.weekStartsOn ??
+	    defaultOptions.weekStartsOn ??
+	    defaultOptions.locale?.options?.weekStartsOn ??
+	    0;
+
+	  const _date = (0, _index2.toDate)(date, options?.in);
+	  const day = _date.getDay();
+	  const diff = (day < weekStartsOn ? -7 : 0) + 6 - (day - weekStartsOn);
+
+	  _date.setDate(_date.getDate() + diff);
+	  _date.setHours(23, 59, 59, 999);
+	  return _date;
+	}
+	return endOfWeek;
+}
+
+var endOfWeekExports = /*@__PURE__*/ requireEndOfWeek();
+
+var isAfter = {};
+
+var hasRequiredIsAfter;
+
+function requireIsAfter () {
+	if (hasRequiredIsAfter) return isAfter;
+	hasRequiredIsAfter = 1;
+	isAfter.isAfter = isAfter$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * @name isAfter
+	 * @category Common Helpers
+	 * @summary Is the first date after the second one?
+	 *
+	 * @description
+	 * Is the first date after the second one?
+	 *
+	 * @param date - The date that should be after the other one to return true
+	 * @param dateToCompare - The date to compare with
+	 *
+	 * @returns The first date is after the second date
+	 *
+	 * @example
+	 * // Is 10 July 1989 after 11 February 1987?
+	 * const result = isAfter(new Date(1989, 6, 10), new Date(1987, 1, 11))
+	 * //=> true
+	 */
+	function isAfter$1(date, dateToCompare) {
+	  return +(0, _index.toDate)(date) > +(0, _index.toDate)(dateToCompare);
+	}
+	return isAfter;
+}
+
+var isAfterExports = /*@__PURE__*/ requireIsAfter();
+
+var isBefore = {};
+
+var hasRequiredIsBefore;
+
+function requireIsBefore () {
+	if (hasRequiredIsBefore) return isBefore;
+	hasRequiredIsBefore = 1;
+	isBefore.isBefore = isBefore$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * @name isBefore
+	 * @category Common Helpers
+	 * @summary Is the first date before the second one?
+	 *
+	 * @description
+	 * Is the first date before the second one?
+	 *
+	 * @param date - The date that should be before the other one to return true
+	 * @param dateToCompare - The date to compare with
+	 *
+	 * @returns The first date is before the second date
+	 *
+	 * @example
+	 * // Is 10 July 1989 before 11 February 1987?
+	 * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))
+	 * //=> false
+	 */
+	function isBefore$1(date, dateToCompare) {
+	  return +(0, _index.toDate)(date) < +(0, _index.toDate)(dateToCompare);
+	}
+	return isBefore;
+}
+
+var isBeforeExports = /*@__PURE__*/ requireIsBefore();
+
+var isSameMonth = {};
+
+var hasRequiredIsSameMonth;
+
+function requireIsSameMonth () {
+	if (hasRequiredIsSameMonth) return isSameMonth;
+	hasRequiredIsSameMonth = 1;
+	isSameMonth.isSameMonth = isSameMonth$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireNormalizeDates();
+
+	/**
+	 * The {@link isSameMonth} function options.
+	 */
+
+	/**
+	 * @name isSameMonth
+	 * @category Month Helpers
+	 * @summary Are the given dates in the same month (and year)?
+	 *
+	 * @description
+	 * Are the given dates in the same month (and year)?
+	 *
+	 * @param laterDate - The first date to check
+	 * @param earlierDate - The second date to check
+	 * @param options - An object with options
+	 *
+	 * @returns The dates are in the same month (and year)
+	 *
+	 * @example
+	 * // Are 2 September 2014 and 25 September 2014 in the same month?
+	 * const result = isSameMonth(new Date(2014, 8, 2), new Date(2014, 8, 25))
+	 * //=> true
+	 *
+	 * @example
+	 * // Are 2 September 2014 and 25 September 2015 in the same month?
+	 * const result = isSameMonth(new Date(2014, 8, 2), new Date(2015, 8, 25))
+	 * //=> false
+	 */
+	function isSameMonth$1(laterDate, earlierDate, options) {
+	  const [laterDate_, earlierDate_] = (0, _index.normalizeDates)(
+	    options?.in,
+	    laterDate,
+	    earlierDate,
+	  );
+	  return (
+	    laterDate_.getFullYear() === earlierDate_.getFullYear() &&
+	    laterDate_.getMonth() === earlierDate_.getMonth()
+	  );
+	}
+	return isSameMonth;
+}
+
+var isSameMonthExports = /*@__PURE__*/ requireIsSameMonth();
+
+var startOfMonth = {};
+
+var hasRequiredStartOfMonth;
+
+function requireStartOfMonth () {
+	if (hasRequiredStartOfMonth) return startOfMonth;
+	hasRequiredStartOfMonth = 1;
+	startOfMonth.startOfMonth = startOfMonth$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * The {@link startOfMonth} function options.
+	 */
+
+	/**
+	 * @name startOfMonth
+	 * @category Month Helpers
+	 * @summary Return the start of a month for the given date.
+	 *
+	 * @description
+	 * Return the start of a month for the given date. The result will be in the local timezone.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments.
+	 * Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed,
+	 * or inferred from the arguments.
+	 *
+	 * @param date - The original date
+	 * @param options - An object with options
+	 *
+	 * @returns The start of a month
+	 *
+	 * @example
+	 * // The start of a month for 2 September 2014 11:55:00:
+	 * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))
+	 * //=> Mon Sep 01 2014 00:00:00
+	 */
+	function startOfMonth$1(date, options) {
+	  const _date = (0, _index.toDate)(date, options?.in);
+	  _date.setDate(1);
+	  _date.setHours(0, 0, 0, 0);
+	  return _date;
+	}
+	return startOfMonth;
+}
+
+var startOfMonthExports = /*@__PURE__*/ requireStartOfMonth();
+
+var subMonths = {};
+
+var hasRequiredSubMonths;
+
+function requireSubMonths () {
+	if (hasRequiredSubMonths) return subMonths;
+	hasRequiredSubMonths = 1;
+	subMonths.subMonths = subMonths$1;
+	var _index = /*@__PURE__*/ requireAddMonths();
+
+	/**
+	 * The subMonths function options.
+	 */
+
+	/**
+	 * @name subMonths
+	 * @category Month Helpers
+	 * @summary Subtract the specified number of months from the given date.
+	 *
+	 * @description
+	 * Subtract the specified number of months from the given date.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+	 *
+	 * @param date - The date to be changed
+	 * @param amount - The amount of months to be subtracted.
+	 * @param options - An object with options
+	 *
+	 * @returns The new date with the months subtracted
+	 *
+	 * @example
+	 * // Subtract 5 months from 1 February 2015:
+	 * const result = subMonths(new Date(2015, 1, 1), 5)
+	 * //=> Mon Sep 01 2014 00:00:00
+	 */
+	function subMonths$1(date, amount, options) {
+	  return (0, _index.addMonths)(date, -amount, options);
+	}
+	return subMonths;
+}
+
+var subMonthsExports = /*@__PURE__*/ requireSubMonths();
+
+const VALID_WEEK_START_DAYS = [0, 1, 2, 3, 4, 5, 6];
+/**
+ * Verifica se o valor informado representa um índice válido de início da semana.
+ *
+ * @param value - Valor bruto recebido via prop.
+ * @returns `true` quando o valor está entre `0` e `6`.
+ */
+function isValidWeekStartsOn(value) {
+    return VALID_WEEK_START_DAYS.includes(value);
+}
+/**
+ * Normaliza o índice de início da semana e aplica `0` quando o valor é inválido.
+ *
+ * @param value - Valor bruto recebido via prop.
+ * @returns Índice normalizado para o primeiro dia da semana.
+ */
+function normalizeWeekStartsOn(value) {
+    if (isValidWeekStartsOn(value))
+        return value;
+    isValid.warnInvalidPropValue('br-date-picker', 'weekStartsOn', String(value), '0');
+    return 0;
+}
+/**
+ * Valida se o código de locale pode ser resolvido pelo date-fns.
+ * Retorna true se a resolução for bem-sucedida (inclui fallback).
+ *
+ * @param value - Código de locale informado pelo consumidor.
+ * @returns `true` quando o locale pode ser resolvido com sucesso.
+ */
+function isValidLocaleCode(value) {
+    try {
+        index.resolveDateFnsLocale(value);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Normaliza o locale informado e aplica o default do componente quando necessário.
+ *
+ * @param value - Código de locale informado pelo consumidor.
+ * @returns Locale válido para o date picker.
+ */
+function normalizeLocale(value) {
+    if (isValidLocaleCode(value))
+        return value;
+    isValid.warnInvalidPropValue('br-date-picker', 'locale', value, datetimePickerConstants.DATETIME_PICKER_LOCALE.DEFAULT);
+    return datetimePickerConstants.DATETIME_PICKER_LOCALE.DEFAULT;
+}
+
+const datePickerCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block;width:100%;max-width:304px;height:auto;box-sizing:border-box}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-scale-base);width:100%;box-sizing:border-box}select{appearance:none;border:none;background:rgba(0,0,0,0);padding-right:20px;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);color:var(--blue-warm-vivid-70);outline:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%231351b4' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L224 285.229l154.706-154.705c9.373-9.373 24.569-9.373 33.941 0l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.373-24.569 9.373-33.942 0z'/></svg>");background-repeat:no-repeat;background-position:right .35rem center;background-size:10px}select option{color:var(--color)}select:focus{outline:none}select:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}select:hover{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}input[type=number]{width:70px;padding:4px;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);background-color:var(--gray-0);color:var(--gray-80);text-align:center;border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width)}input[type=number]:hover{background:linear-gradient(rgb(var(--color-rgb), var(--hover)), rgb(var(--color-rgb), var(--hover)))}.weekdays{margin-bottom:var(--spacing-scale-half)}.weekdays,.monthdays{display:grid;grid-template-columns:repeat(7, 1fr);place-items:center center;text-align:center;gap:var(--spacing-scale-half) var(--spacing-scale-half);width:100%;box-sizing:border-box}.weekday{display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);color:var(--gray-70);width:var(--spacing-scale-4x)}.week{display:contents}.day{display:flex;align-items:center;justify-content:center;justify-self:center;padding:var(--spacing-scale-half);font-weight:var(--font-weight-semi-bold);color:var(--blue-warm-vivid-70);border-radius:50%;width:var(--spacing-scale-4x);height:var(--spacing-scale-4x)}.day:hover{background:var(--hover-effect);cursor:pointer}.day:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.day.selected{background:var(--blue-warm-vivid-70);color:var(--color-secondary-01);font-weight:var(--font-weight-bold)}.day.in-range{background:var(--blue-warm-vivid-10);color:var(--blue-warm-vivid-70);border-radius:0;place-self:stretch stretch;width:100%;height:100%;overflow:hidden}.day.range-start{background:var(--blue-warm-vivid-70);color:var(--color-secondary-01);font-weight:var(--font-weight-bold);width:100%;height:100%;border-radius:var(--surface-rounder-pill) 0 0 var(--surface-rounder-pill);place-self:stretch stretch;overflow:hidden}.day.range-end{background:var(--blue-warm-vivid-70);color:var(--color-secondary-01);font-weight:var(--font-weight-bold);width:100%;height:100%;border-radius:0 var(--surface-rounder-pill) var(--surface-rounder-pill) 0;place-self:stretch stretch;overflow:hidden}.day.range-start.range-end{border-radius:var(--surface-rounder-pill);height:100%;overflow:hidden}.day.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.outside-month{font-weight:var(--font-weight-regular);color:var(--gray-70)}.today{background:var(--orange-vivid-5);color:var(--gray-80)}`;
+
+const DatePicker = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.dateStateChange = index$1.createEvent(this, "dateStateChange", 7);
+        /** Data com foco atual na navegação por teclado do calendário. */
+        this.focusedDate = new Date();
+        /** Define o índice do dia em que a semana começa na interface do calendário. */
+        this.weekStartsOn = 0;
+        /** Data usada como base visual para o mês atualmente exibido. */
+        this.referenceDate = new Date();
+        /** Data atualmente selecionada pelo usuário, ou `null` quando não há seleção. */
+        this.value = null;
+        /** Define se a seleção ocorre por data única ou por intervalo. */
+        this.selectionMode = 'single';
+        /** Data inicial selecionada quando o calendário opera no modo de intervalo. */
+        this.rangeStart = null;
+        /** Data final selecionada quando o calendário opera no modo de intervalo. */
+        this.rangeEnd = null;
+        /** Desabilita a interação do calendário quando ativo. */
+        this.disabled = false;
+        /** Lista de datas indisponíveis para seleção no calendário. */
+        this.disabledDates = [];
+        /** Locale usado para gerar nomes de meses e dias da semana. */
+        this.locale = datetimePickerConstants.DATETIME_PICKER_LOCALE.DEFAULT;
+        /**
+         * Define se o calendário deve manter um número fixo de linhas (6 semanas = 42 dias)
+         * ou variar conforme o mês.
+         *
+         * Quando `true`, o calendário sempre exibe 6 semanas completas.
+         * Quando `false`, o calendário adapta-se ao mês, exibindo apenas as semanas necessárias.
+         *
+         * @default false
+         */
+        this.fixedRowCount = false;
+        /** Sinaliza ao componentDidRender que deve mover o foco para a célula atual. */
+        this.shouldFocusDate = false;
+        /** Mantém handlers estáveis por data para evitar recriação a cada renderização. */
+        this.dayClickHandlers = new WeakMap();
+        /**
+         * Atualiza o mês exibido a partir da seleção do usuário.
+         *
+         * @param event - Mudança do `<select>` de mês.
+         */
+        this.handleMonthChange = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            const select = event.currentTarget;
+            const monthIndex = Number(select.value);
+            if (Number.isNaN(monthIndex) || monthIndex < 0 || monthIndex > 11) {
+                console.warn(`Índice de mês inválido selecionado: ${select.value}`);
+                return;
+            }
+            const date = isValid.setExports.set(this.baseDate, { month: monthIndex, date: 1 });
+            this.emitDateStateChange(date);
+        };
+        /**
+         * Executa a ação de navegação associada ao botão clicado.
+         *
+         * @param event - Clique no botão de navegação.
+         */
+        this.handleNavigationClick = (event) => {
+            const action = event.currentTarget.dataset.action;
+            if (action === undefined) {
+                console.warn('Botão de navegação clicado sem data-action definido');
+                return;
+            }
+            switch (action) {
+                case datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_MONTH:
+                    this.decreaseMonth();
+                    break;
+                case datetimePickerConstants.NAVIGATION_ACTION.NEXT_MONTH:
+                    this.increaseMonth();
+                    break;
+                default:
+                    console.warn(`Ação de navegação desconhecida: ${action}`);
+            }
+        };
+        /**
+         * Atualiza o ano exibido a partir do valor digitado.
+         *
+         * @param event - Mudança do campo de ano.
+         */
+        this.handleYearChange = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            const input = event.currentTarget;
+            const year = Number(input.value);
+            if (Number.isNaN(year) || year < 1 || year > 9999) {
+                console.warn(`Ano inválido digitado: ${input.value}`);
+                return;
+            }
+            const date = isValid.setExports.set(this.baseDate, { year, month: this.baseDate.getMonth(), date: 1 });
+            const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
+                ? { start: this.rangeStart, end: this.rangeEnd }
+                : undefined;
+            this.emitDateStateChange(date, this.value, range);
+        };
+        /**
+         * Gerencia a navegação por teclado dentro da grade de dias.
+         *
+         * Teclas suportadas:
+         * - `ArrowLeft` / `ArrowRight`: avança ou recua um dia.
+         * - `ArrowUp` / `ArrowDown`: avança ou recua sete dias (linha inteira).
+         * - `PageUp` / `PageDown`: navega entre meses.
+         * - `Home` / `End`: primeiro ou último dia da semana atual.
+         * - `Enter` / `Space`: seleciona o dia com foco.
+         *
+         * @param event - Evento de teclado disparado na grade.
+         */
+        this.handleGridKeydown = (event) => {
+            const HANDLED_KEYS = [
+                'ArrowLeft',
+                'ArrowRight',
+                'ArrowUp',
+                'ArrowDown',
+                'PageUp',
+                'PageDown',
+                'Home',
+                'End',
+                'Enter',
+                ' ',
+            ];
+            if (!HANDLED_KEYS.includes(event.key))
+                return;
+            const target = event.target;
+            const dateKey = target.dataset?.date;
+            if (dateKey === undefined)
+                return;
+            event.preventDefault();
+            const current = isValid.parseExports.parse(dateKey, 'yyyy-MM-dd', new Date());
+            if (event.key === 'Enter' || event.key === ' ') {
+                if (!this.isDateDisabled(current)) {
+                    this.handleDayClick(current);
+                }
+                return;
+            }
+            let next;
+            switch (event.key) {
+                case 'ArrowLeft':
+                    next = index.addDaysExports.addDays(current, -1);
+                    break;
+                case 'ArrowRight':
+                    next = index.addDaysExports.addDays(current, 1);
+                    break;
+                case 'ArrowUp':
+                    next = index.addDaysExports.addDays(current, -7);
+                    break;
+                case 'ArrowDown':
+                    next = index.addDaysExports.addDays(current, 7);
+                    break;
+                case 'PageUp':
+                    next = addMonthsExports.addMonths(current, -1);
+                    break;
+                case 'PageDown':
+                    next = addMonthsExports.addMonths(current, 1);
+                    break;
+                case 'Home':
+                    next = index.startOfWeekExports.startOfWeek(current, { weekStartsOn: this.weekStartsOn });
+                    break;
+                case 'End':
+                    next = endOfWeekExports.endOfWeek(current, { weekStartsOn: this.weekStartsOn });
+                    break;
+                default:
+                    return;
+            }
+            this.moveFocusTo(next);
+        };
+    }
+    handleRangeValueChange(newValue) {
+        if (!newValue)
+            return;
+        this.rangeStart = newValue.start;
+        this.rangeEnd = newValue.end;
+    }
+    /**
+     * Sincroniza `focusedDate` quando o valor selecionado muda externamente.
+     *
+     * @param newValue - Novo valor recebido via prop.
+     */
+    handleValueChange(newValue) {
+        if (newValue !== null) {
+            this.focusedDate = isValid.toDateExports.toDate(newValue);
+        }
+    }
+    /**
+     * Revalida a configuração quando o início da semana muda.
+     *
+     * @param newValue - Novo valor recebido via prop.
+     */
+    handleWeekStartsOnChange(newValue) {
+        this.ensureValidWeekStartsOn(newValue);
+    }
+    /**
+     * Revalida o locale quando a prop muda.
+     *
+     * @param newValue - Novo valor recebido via prop.
+     */
+    handleLocaleChange(newValue) {
+        this.ensureValidLocale(newValue);
+    }
+    /**
+     * Normaliza os valores públicos antes da primeira renderização.
+     */
+    componentWillLoad() {
+        this.referenceDate = isValid.resolveSsrLocalDate(this.el, this.referenceDate);
+        this.ensureValidWeekStartsOn();
+        this.ensureValidLocale();
+        this.focusedDate = isValid.toDateExports.toDate(this.value ?? this.referenceDate);
+    }
+    /**
+     * Move o foco para a célula correspondente ao `focusedDate` após re-renderização.
+     */
+    componentDidRender() {
+        if (!this.shouldFocusDate)
+            return;
+        this.shouldFocusDate = false;
+        const normalizedDate = this.getNormalizedFocusedDate();
+        const dateKey = datetimePickerConstants.formatExports.format(normalizedDate, 'yyyy-MM-dd');
+        const cell = this.el.shadowRoot?.querySelector(`[data-date="${dateKey}"]`);
+        cell?.focus();
+    }
+    /**
+     * Garante que o valor de `weekStartsOn` esteja dentro do domínio suportado.
+     *
+     * @param value - Valor bruto informado pelo consumidor.
+     */
+    ensureValidWeekStartsOn(value = this.weekStartsOn) {
+        const normalizedWeekStartsOn = normalizeWeekStartsOn(value);
+        if (normalizedWeekStartsOn !== value) {
+            this.weekStartsOn = normalizedWeekStartsOn;
+        }
+    }
+    /**
+     * Garante que o locale informado seja suportado.
+     *
+     * @param value - Valor bruto informado pelo consumidor.
+     */
+    ensureValidLocale(value = this.locale) {
+        const normalizedLocale = normalizeLocale(value);
+        if (normalizedLocale !== value) {
+            this.locale = normalizedLocale;
+        }
+    }
+    /**
+     * Emite o estado consolidado do componente para manter a navegação sincronizada.
+     *
+     * @param nextReferenceDate - Nova data de referência após a interação.
+     * @param nextValue - Valor selecionado final; por padrão, mantém a seleção atual.
+     */
+    emitDateStateChange(nextReferenceDate, nextValue = this.value, nextRange = undefined) {
+        // Garantir segundos zerados (componente não manipula segundos)
+        const normalizedReference = isValid.setExports.set(nextReferenceDate, { seconds: 0, milliseconds: 0 });
+        const normalizedValue = nextValue === null ? null : isValid.setExports.set(nextValue, { seconds: 0, milliseconds: 0 });
+        const valueChanged = this.value?.getTime() !== normalizedValue?.getTime();
+        this.value = normalizedValue;
+        this.dateStateChange.emit({
+            referenceDate: normalizedReference,
+            value: normalizedValue,
+            range: nextRange,
+        });
+        if (nextRange)
+            this.rangeValue = nextRange;
+        if (valueChanged || nextRange !== undefined) {
+            event.dispatchNativeFormEvent(this.el, 'input');
+            event.dispatchNativeFormEvent(this.el, 'change');
+        }
+    }
+    /**
+     * Resolve o ícone usado em cada ação de navegação.
+     *
+     * @param action - Ação de navegação representada pelo botão.
+     * @returns Nome do ícone ou um fallback quando a ação não é reconhecida.
+     */
+    getIconForAction(action) {
+        switch (action) {
+            case datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_MONTH:
+                return 'fa6-solid:chevron-left';
+            case datetimePickerConstants.NAVIGATION_ACTION.NEXT_MONTH:
+                return 'fa6-solid:chevron-right';
+            default:
+                return 'fa6-solid:question';
+        }
+    }
+    /**
+     * Aplica a data clicada preservando hora e minuto da referência atual.
+     *
+     * @param date - Dia selecionado no calendário.
+     */
+    handleDayClick(date) {
+        if (this.disabled || this.isDateDisabled(date)) {
+            return;
+        }
+        const newDate = isValid.setExports.set(date, {
+            hours: this.referenceDate.getHours(),
+            minutes: this.referenceDate.getMinutes(),
+            seconds: 0,
+            milliseconds: 0,
+        });
+        if (this.selectionMode === 'range') {
+            this.handleRangeDayClick(newDate);
+            return;
+        }
+        this.emitDateStateChange(newDate, newDate);
+    }
+    /** Atualiza o intervalo selecionado com base no clique atual. */
+    handleRangeDayClick(clickedDate) {
+        const start = this.rangeStart;
+        const end = this.rangeEnd;
+        if (start === null || end !== null) {
+            this.emitDateStateChange(clickedDate, clickedDate, {
+                start: clickedDate,
+                end: null,
+            });
+            return;
+        }
+        const [normalizedStart, normalizedEnd] = this.normalizeRangeBounds(start, clickedDate);
+        this.emitDateStateChange(clickedDate, normalizedEnd, {
+            start: normalizedStart,
+            end: normalizedEnd,
+        });
+    }
+    /** Decrementa o mês mantendo o primeiro dia do mês exibido e preservando a seleção de range. */
+    decreaseMonth() {
+        if (this.disabled) {
+            return;
+        }
+        const date = isValid.setExports.set(subMonthsExports.subMonths(this.baseDate, 1), { date: 1 });
+        const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
+            ? { start: this.rangeStart, end: this.rangeEnd }
+            : undefined;
+        this.emitDateStateChange(date, this.value, range);
+    }
+    /** Incrementa o mês mantendo o primeiro dia do mês exibido e preservando a seleção de range. */
+    increaseMonth() {
+        if (this.disabled) {
+            return;
+        }
+        const date = isValid.setExports.set(addMonthsExports.addMonths(this.baseDate, 1), { date: 1 });
+        const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
+            ? { start: this.rangeStart, end: this.rangeEnd }
+            : undefined;
+        this.emitDateStateChange(date, this.value, range);
+    }
+    /** Indica se um dia está indisponível para seleção. */
+    isDateDisabled(date) {
+        return this.disabledDates.some((disabledDate) => isValid.isSameDayExports.isSameDay(disabledDate, date));
+    }
+    /** Data base usada para todos os cálculos de calendário. */
+    get baseDate() {
+        return this.referenceDate;
+    }
+    /**
+     * Recupera um handler estável para a célula do dia informado.
+     *
+     * @param date - Dia representado pela célula.
+     * @returns Função de clique reutilizável.
+     */
+    getDayClickHandler(date) {
+        let handler = this.dayClickHandlers.get(date);
+        if (handler === undefined) {
+            handler = () => this.handleDayClick(date);
+            this.dayClickHandlers.set(date, handler);
+        }
+        return handler;
+    }
+    /** Formata o dia exibido com zero à esquerda. */
+    getDayWithLeadingZero(date) {
+        return datetimePickerConstants.formatExports.format(date, 'dd');
+    }
+    /**
+     * Constrói o rótulo acessível completo da célula de dia.
+     *
+     * @param date - Dia representado pela célula.
+     * @returns Texto anunciado pelo leitor de tela, incluindo estado de seleção.
+     */
+    getDayCellAriaLabel(date) {
+        const fullDate = datetimePickerConstants.formatExports.format(date, "d 'de' MMMM 'de' yyyy", { locale: this.dateFnsLocale });
+        const isSelected = this.selectionMode === 'single' && this.value !== null && isValid.isSameDayExports.isSameDay(date, this.value);
+        const isRangeStart = this.selectionMode === 'range' && this.rangeStart !== null && isValid.isSameDayExports.isSameDay(date, this.rangeStart);
+        const isRangeEnd = this.selectionMode === 'range' && this.rangeEnd !== null && isValid.isSameDayExports.isSameDay(date, this.rangeEnd);
+        const isBetween = this.selectionMode === 'range' &&
+            this.rangeStart !== null &&
+            this.rangeEnd !== null &&
+            this.isDateBetweenRange(date, this.rangeStart, this.rangeEnd);
+        if (isSelected)
+            return `${fullDate}, selecionado`;
+        if (isRangeStart)
+            return `${fullDate}, início do intervalo`;
+        if (isRangeEnd)
+            return `${fullDate}, fim do intervalo`;
+        if (isBetween)
+            return `${fullDate}, no intervalo selecionado`;
+        return fullDate;
+    }
+    /** Locale do date-fns derivado da prop pública do componente. */
+    get dateFnsLocale() {
+        return index.resolveDateFnsLocale(this.locale);
+    }
+    /**
+     * Calcula as classes CSS da célula do dia com base em seleção, mês e data atual.
+     *
+     * @param date - Dia da grade do calendário.
+     */
+    getDayCssClasses(date) {
+        const selected = this.value;
+        const rangeStart = this.rangeStart;
+        const rangeEnd = this.rangeEnd;
+        const hasRange = rangeStart !== null && rangeEnd !== null;
+        const isRangeStart = rangeStart !== null && isValid.isSameDayExports.isSameDay(date, rangeStart);
+        const isRangeEnd = rangeEnd !== null && isValid.isSameDayExports.isSameDay(date, rangeEnd);
+        const isBetweenRange = hasRange && this.isDateBetweenRange(date, rangeStart, rangeEnd);
+        return {
+            day: true,
+            'outside-month': !isSameMonthExports.isSameMonth(date, this.baseDate),
+            today: isValid.isSameDayExports.isSameDay(date, isValid.toDateExports.toDate(new Date())),
+            selected: this.selectionMode === 'single' && selected !== null && isValid.isSameDayExports.isSameDay(date, selected),
+            'range-start': this.selectionMode === 'range' && isRangeStart,
+            'range-end': this.selectionMode === 'range' && isRangeEnd,
+            'in-range': this.selectionMode === 'range' && isBetweenRange,
+        };
+    }
+    /** Normaliza os limites do intervalo para garantir ordem cronológica. */
+    normalizeRangeBounds(start, end) {
+        return compareAscExports.compareAsc(start, end) <= 0 ? [start, end] : [end, start];
+    }
+    /** Verifica se uma data está estritamente entre início e fim do intervalo. */
+    isDateBetweenRange(date, start, end) {
+        return isAfterExports.isAfter(date, start) && isBeforeExports.isBefore(date, end);
+    }
+    /** Gera a sequência completa de dias visíveis na grade do mês. */
+    getMonthViewDates() {
+        const start = index.startOfWeekExports.startOfWeek(startOfMonthExports.startOfMonth(this.baseDate), { weekStartsOn: this.weekStartsOn });
+        let end = endOfWeekExports.endOfWeek(endOfMonthExports.endOfMonth(this.baseDate), { weekStartsOn: this.weekStartsOn });
+        // Se fixedRowCount está ativo, garante sempre 6 semanas (42 dias)
+        if (this.fixedRowCount) {
+            // Calcula o número de semanas que seriam normalmente geradas
+            const normalizedDates = isValid.eachDayOfIntervalExports.eachDayOfInterval({ start, end });
+            const currentWeekCount = Math.ceil(normalizedDates.length / 7);
+            const targetWeekCount = 6;
+            // Se não houver 6 semanas, estende o final para alcançar 42 dias
+            if (currentWeekCount < targetWeekCount) {
+                const daysToAdd = (targetWeekCount - currentWeekCount) * 7;
+                end = index.addDaysExports.addDays(end, daysToAdd);
+            }
+        }
+        return isValid.eachDayOfIntervalExports.eachDayOfInterval({ start, end });
+    }
+    /**
+     * Retorna o `focusedDate` normalizado para estar sempre dentro da grade visível.
+     *
+     * Se `focusedDate` não estiver visível no mês atual, retorna o primeiro dia
+     * da grade do mês para garantir que sempre haja um elemento com `tabIndex={0}`.
+     *
+     * @returns Data focada normalizada ou primeiro dia da grade.
+     */
+    getNormalizedFocusedDate() {
+        const visibleDates = this.getMonthViewDates();
+        const isInCurrentMonth = visibleDates.some((d) => isValid.isSameDayExports.isSameDay(d, this.focusedDate));
+        if (isInCurrentMonth) {
+            return this.focusedDate;
+        }
+        return visibleDates[0] ?? this.focusedDate;
+    }
+    /**
+     * Constrói o rótulo acessível dos botões de navegação do mês.
+     *
+     * @param action - Ação associada ao botão.
+     * @returns Texto acessível exibido para leitores de tela.
+     */
+    getNavigationAriaLabel(action) {
+        switch (action) {
+            case datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_MONTH:
+                return `Ir para o mês anterior, ${datetimePickerConstants.formatExports.format(addMonthsExports.addMonths(this.referenceDate, -1), 'MMMM', { locale: this.dateFnsLocale })}`;
+            case datetimePickerConstants.NAVIGATION_ACTION.NEXT_MONTH:
+                return `Ir para o próximo mês, ${datetimePickerConstants.formatExports.format(addMonthsExports.addMonths(this.referenceDate, 1), 'MMMM', { locale: this.dateFnsLocale })}`;
+            default:
+                return 'Navegar';
+        }
+    }
+    /** Retorna os rótulos das semanas conforme locale e início da semana. */
+    getWeekdayLabels() {
+        return index.getWeekdayLabels(this.locale, this.weekStartsOn);
+    }
+    /** Retorna os rótulos dos meses no locale atual. */
+    getMonthLabels() {
+        return index.getMonthLabels(this.locale);
+    }
+    /**
+     * Renderiza um botão consistente de navegação do calendário.
+     *
+     * @param action - Ação executada pelo botão.
+     */
+    renderNavigationButton(action) {
+        return (index$1.h("br-button", { emphasis: "tertiary", density: "small", shape: "circle", disabled: this.disabled, "data-action": action, "aria-label": this.getNavigationAriaLabel(action), onClick: this.handleNavigationClick }, index$1.h("br-icon", { iconName: this.getIconForAction(action), width: "20", height: "20", "aria-hidden": "true" })));
+    }
+    /** Renderiza o cabeçalho do calendário com navegação, mês e ano. */
+    renderCalendarHeader() {
+        return (index$1.h("div", { class: "header", part: "header" }, this.renderNavigationButton(datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_MONTH), this.renderMonthSelection(), this.renderYearSelection(), this.renderNavigationButton(datetimePickerConstants.NAVIGATION_ACTION.NEXT_MONTH)));
+    }
+    /** Renderiza a seleção de mês com label acessível. */
+    renderMonthSelection() {
+        return (index$1.h("label", { class: "month-selection" }, index$1.h("span", { class: "visually-hidden" }, "Selecionar m\u00EAs"), index$1.h("select", { onChange: this.handleMonthChange, "aria-label": "Selecionar m\u00EAs", disabled: this.disabled, part: "month-select" }, this.getMonthLabels().map(this.renderMonthOption, this))));
+    }
+    /** Renderiza o campo de ano com label acessível. */
+    renderYearSelection() {
+        return (index$1.h("label", { class: "year-selection" }, index$1.h("span", { class: "visually-hidden" }, "Selecionar ano"), index$1.h("input", { type: "number", value: this.referenceDate.getFullYear(), onChange: this.handleYearChange, "aria-label": "Selecionar ano", disabled: this.disabled, part: "year-input" })));
+    }
+    /** Renderiza uma opção do seletor de meses. */
+    renderMonthOption(month, index) {
+        return (index$1.h("option", { key: `month-${index}`, value: index, selected: index === this.referenceDate.getMonth() }, month));
+    }
+    /** Renderiza a estrutura principal do calendário. */
+    renderCalendar() {
+        const monthLabel = datetimePickerConstants.formatExports.format(this.baseDate, "MMMM 'de' yyyy", { locale: this.dateFnsLocale });
+        return (index$1.h("div", { class: "calendar", role: "grid", "aria-label": `Calendário de ${monthLabel}`, part: "calendar" }, this.renderWeekdays(), this.renderMonthGrid()));
+    }
+    /** Renderiza a linha de rótulos dos dias da semana. */
+    renderWeekdays() {
+        const labels = this.getWeekdayLabels();
+        return (index$1.h("div", { class: "weekdays", role: "row", tabIndex: -1, part: "weekdays" }, labels.map((label, index) => (index$1.h("div", { key: `weekday-${index}`, class: "weekday", role: "columnheader", tabIndex: -1, "aria-label": label, part: "weekday" }, label)))));
+    }
+    /** Renderiza a grade com os dias do mês atual. */
+    renderMonthGrid() {
+        const dates = this.getMonthViewDates();
+        const weeks = Array.from({ length: Math.ceil(dates.length / 7) }, (_, index) => dates.slice(index * 7, index * 7 + 7));
+        return (index$1.h("div", { class: "monthdays", role: "rowgroup", onKeyDown: this.handleGridKeydown, part: "grid" }, weeks.map((week) => (index$1.h("div", { key: `week-${datetimePickerConstants.formatExports.format(week[0], 'yyyy-MM-dd')}`, class: "week", role: "row", tabIndex: -1 }, week.map(this.renderDayCell, this))))));
+    }
+    /**
+     * Move o foco de teclado para a data informada, navegando de mês quando necessário.
+     *
+     * @param date - Data de destino do foco.
+     */
+    moveFocusTo(date) {
+        this.focusedDate = date;
+        this.shouldFocusDate = true;
+        if (!isSameMonthExports.isSameMonth(date, this.baseDate)) {
+            this.emitDateStateChange(date, this.value);
+        }
+    }
+    /** Renderiza uma célula de dia com estado visual apropriado. */
+    renderDayCell(date) {
+        const disabled = this.disabled || this.isDateDisabled(date);
+        const isSelected = this.selectionMode === 'single' && this.value !== null && isValid.isSameDayExports.isSameDay(date, this.value);
+        const isRangeStart = this.selectionMode === 'range' && this.rangeStart !== null && isValid.isSameDayExports.isSameDay(date, this.rangeStart);
+        const isRangeEnd = this.selectionMode === 'range' && this.rangeEnd !== null && isValid.isSameDayExports.isSameDay(date, this.rangeEnd);
+        const isActiveDay = isSelected || isRangeStart || isRangeEnd;
+        const isFocused = isValid.isSameDayExports.isSameDay(date, this.getNormalizedFocusedDate());
+        return (index$1.h("div", { key: datetimePickerConstants.formatExports.format(date, 'yyyy-MM-dd'), role: "gridcell", tabIndex: this.disabled ? undefined : isFocused ? 0 : -1, "data-date": datetimePickerConstants.formatExports.format(date, 'yyyy-MM-dd'), class: { ...this.getDayCssClasses(date), disabled }, onClick: disabled ? undefined : this.getDayClickHandler(date), onKeyDown: disabled ? undefined : this.handleGridKeydown, "aria-label": this.getDayCellAriaLabel(date), "aria-selected": isActiveDay ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, part: "day" }, this.getDayWithLeadingZero(date)));
+    }
+    render() {
+        return (index$1.h(index$1.Host, { key: 'b2bba9b38a0b935e0599348dbb8492a7bb3fa7ac' }, index$1.h("div", { key: '101d12846aa77d98e3a926bd43a1cdbc779de202', class: "br-date-picker", part: "container" }, this.renderCalendarHeader(), this.renderCalendar())));
+    }
+    get el() { return index$1.getElement(this); }
+    static get watchers() { return {
+        "rangeValue": [{
+                "handleRangeValueChange": 0
+            }],
+        "value": [{
+                "handleValueChange": 0
+            }],
+        "weekStartsOn": [{
+                "handleWeekStartsOnChange": 0
+            }],
+        "locale": [{
+                "handleLocaleChange": 0
+            }]
+    }; }
+};
+DatePicker.style = datePickerCss();
+
+var getHours = {};
+
+var hasRequiredGetHours;
+
+function requireGetHours () {
+	if (hasRequiredGetHours) return getHours;
+	hasRequiredGetHours = 1;
+	getHours.getHours = getHours$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * The {@link getHours} function options.
+	 */
+
+	/**
+	 * @name getHours
+	 * @category Hour Helpers
+	 * @summary Get the hours of the given date.
+	 *
+	 * @description
+	 * Get the hours of the given date.
+	 *
+	 * @param date - The given date
+	 * @param options - An object with options
+	 *
+	 * @returns The hours
+	 *
+	 * @example
+	 * // Get the hours of 29 February 2012 11:45:00:
+	 * const result = getHours(new Date(2012, 1, 29, 11, 45))
+	 * //=> 11
+	 */
+	function getHours$1(date, options) {
+	  return (0, _index.toDate)(date, options?.in).getHours();
+	}
+	return getHours;
+}
+
+var getHoursExports = /*@__PURE__*/ requireGetHours();
+
+var getMinutes = {};
+
+var hasRequiredGetMinutes;
+
+function requireGetMinutes () {
+	if (hasRequiredGetMinutes) return getMinutes;
+	hasRequiredGetMinutes = 1;
+	getMinutes.getMinutes = getMinutes$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * The {@link getMinutes} function options.
+	 */
+
+	/**
+	 * @name getMinutes
+	 * @category Minute Helpers
+	 * @summary Get the minutes of the given date.
+	 *
+	 * @description
+	 * Get the minutes of the given date.
+	 *
+	 * @param date - The given date
+	 * @param options - The options
+	 *
+	 * @returns The minutes
+	 *
+	 * @example
+	 * // Get the minutes of 29 February 2012 11:45:05:
+	 * const result = getMinutes(new Date(2012, 1, 29, 11, 45, 5))
+	 * //=> 45
+	 */
+	function getMinutes$1(date, options) {
+	  return (0, _index.toDate)(date, options?.in).getMinutes();
+	}
+	return getMinutes;
+}
+
+var getMinutesExports = /*@__PURE__*/ requireGetMinutes();
+
+var formatISO = {};
+
+var hasRequiredFormatISO;
+
+function requireFormatISO () {
+	if (hasRequiredFormatISO) return formatISO;
+	hasRequiredFormatISO = 1;
+	formatISO.formatISO = formatISO$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireAddLeadingZeros();
+	var _index2 = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * The {@link formatISO} function options.
+	 */
+
+	/**
+	 * @name formatISO
+	 * @category Common Helpers
+	 * @summary Format the date according to the ISO 8601 standard (https://support.sas.com/documentation/cdl/en/lrdict/64316/HTML/default/viewer.htm#a003169814.htm).
+	 *
+	 * @description
+	 * Return the formatted date string in ISO 8601 format. Options may be passed to control the parts and notations of the date.
+	 *
+	 * @param date - The original date
+	 * @param options - An object with options.
+	 *
+	 * @returns The formatted date string (in local time zone)
+	 *
+	 * @throws `date` must not be Invalid Date
+	 *
+	 * @example
+	 * // Represent 18 September 2019 in ISO 8601 format (local time zone is UTC):
+	 * const result = formatISO(new Date(2019, 8, 18, 19, 0, 52))
+	 * //=> '2019-09-18T19:00:52Z'
+	 *
+	 * @example
+	 * // Represent 18 September 2019 in ISO 8601, short format (local time zone is UTC):
+	 * const result = formatISO(new Date(2019, 8, 18, 19, 0, 52), { format: 'basic' })
+	 * //=> '20190918T190052'
+	 *
+	 * @example
+	 * // Represent 18 September 2019 in ISO 8601 format, date only:
+	 * const result = formatISO(new Date(2019, 8, 18, 19, 0, 52), { representation: 'date' })
+	 * //=> '2019-09-18'
+	 *
+	 * @example
+	 * // Represent 18 September 2019 in ISO 8601 format, time only (local time zone is UTC):
+	 * const result = formatISO(new Date(2019, 8, 18, 19, 0, 52), { representation: 'time' })
+	 * //=> '19:00:52Z'
+	 */
+	function formatISO$1(date, options) {
+	  const date_ = (0, _index2.toDate)(date, options?.in);
+
+	  if (isNaN(+date_)) {
+	    throw new RangeError("Invalid time value");
+	  }
+
+	  const format = options?.format ?? "extended";
+	  const representation = options?.representation ?? "complete";
+
+	  let result = "";
+	  let tzOffset = "";
+
+	  const dateDelimiter = format === "extended" ? "-" : "";
+	  const timeDelimiter = format === "extended" ? ":" : "";
+
+	  // Representation is either 'date' or 'complete'
+	  if (representation !== "time") {
+	    const day = (0, _index.addLeadingZeros)(date_.getDate(), 2);
+	    const month = (0, _index.addLeadingZeros)(date_.getMonth() + 1, 2);
+	    const year = (0, _index.addLeadingZeros)(date_.getFullYear(), 4);
+
+	    // yyyyMMdd or yyyy-MM-dd.
+	    result = `${year}${dateDelimiter}${month}${dateDelimiter}${day}`;
+	  }
+
+	  // Representation is either 'time' or 'complete'
+	  if (representation !== "date") {
+	    // Add the timezone.
+	    const offset = date_.getTimezoneOffset();
+
+	    if (offset !== 0) {
+	      const absoluteOffset = Math.abs(offset);
+	      const hourOffset = (0, _index.addLeadingZeros)(
+	        Math.trunc(absoluteOffset / 60),
+	        2,
+	      );
+	      const minuteOffset = (0, _index.addLeadingZeros)(absoluteOffset % 60, 2);
+	      // If less than 0, the sign is +, because it is ahead of time.
+	      const sign = offset < 0 ? "+" : "-";
+
+	      tzOffset = `${sign}${hourOffset}:${minuteOffset}`;
+	    } else {
+	      tzOffset = "Z";
+	    }
+
+	    const hour = (0, _index.addLeadingZeros)(date_.getHours(), 2);
+	    const minute = (0, _index.addLeadingZeros)(date_.getMinutes(), 2);
+	    const second = (0, _index.addLeadingZeros)(date_.getSeconds(), 2);
+
+	    // If there's also date, separate it with time with 'T'
+	    const separator = result === "" ? "" : "T";
+
+	    // Creates a time string consisting of hour, minute, and second, separated by delimiters, if defined.
+	    const time = [hour, minute, second].join(timeDelimiter);
+
+	    // HHmmss or HH:mm:ss.
+	    result = `${result}${separator}${time}${tzOffset}`;
+	  }
+
+	  return result;
+	}
+	return formatISO;
+}
+
+var formatISOExports = /*@__PURE__*/ requireFormatISO();
+
+/**
+ * Valida se o modo informado pertence ao conjunto suportado pelo datetime-input.
+ *
+ * @param value - Valor recebido via prop/atributo.
+ * @returns `true` quando o modo é válido.
+ */
+function isValidDatetimeInputMode(value) {
+    return Object.values(datetimePickerConstants.DATETIME_PICKER_MODE).includes(value);
+}
+/**
+ * Normaliza o modo do datetime-input para um valor suportado.
+ *
+ * @param value - Valor bruto informado via prop.
+ * @returns Modo válido, aplicando o padrão quando necessário.
+ */
+function normalizeDatetimeInputMode(value) {
+    if (isValidDatetimeInputMode(value))
+        return value;
+    isValid.warnInvalidPropValue('br-datetime-input', 'mode', value, datetimePickerConstants.DATETIME_PICKER_MODE.DEFAULT);
+    return datetimePickerConstants.DATETIME_PICKER_MODE.DEFAULT;
+}
+/**
+ * Verifica se o valor informado é uma instância de Date válida.
+ *
+ * @param value - Valor recebido via prop.
+ * @returns `true` quando é Date válido.
+ */
+function isValidDateInstance(value) {
+    return value instanceof Date && !Number.isNaN(value.getTime());
+}
+/**
+ * Normaliza a data de referência para evitar valores inválidos.
+ *
+ * @param value - Valor recebido via prop.
+ * @returns Date válido para uso interno.
+ */
+function normalizeDatetimeInputReferenceDate(value) {
+    if (isValidDateInstance(value))
+        return value;
+    const fallback = isValid.toDateExports.toDate(new Date());
+    isValid.warnInvalidPropValue('br-datetime-input', 'referenceDate', value, formatISOExports.formatISO(fallback));
+    return fallback;
+}
+/**
+ * Normaliza o valor selecionado do input (Date válido ou null).
+ *
+ * @param value - Valor recebido via prop.
+ * @returns Date válido ou null quando o valor é inválido.
+ */
+function normalizeDatetimeInputValue(value) {
+    if (value === null)
+        return null;
+    if (isValidDateInstance(value))
+        return value;
+    isValid.warnInvalidPropValue('br-datetime-input', 'value', value, 'null');
+    return null;
+}
+
+const datetimeInputCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block;width:100%}br-input[disabled]{opacity:1}`;
+
+const DatetimeInput = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.dateStateChange = index$1.createEvent(this, "dateStateChange", 7);
+        this.togglePicker = index$1.createEvent(this, "togglePicker", 7);
+        /** Valor textual exibido no campo e usado durante a edição manual. */
+        this.inputValue = '';
+        /**
+         * Define o placeholder do campo de entrada.
+         *
+         * @default ''
+         */
+        this.placeholder = '';
+        /**
+         * Define o modo de entrada: `date`, `time` ou `datetime`.
+         *
+         * @default 'datetime'
+         */
+        this.mode = 'datetime';
+        /**
+         * Data de referência que orienta a navegação visual do calendário.
+         *
+         * @default new Date()
+         */
+        this.referenceDate = new Date();
+        /**
+         * Valor selecionado pelo usuário, ou `null` quando nada foi escolhido.
+         *
+         * @default null
+         */
+        this.value = null;
+        /**
+         * Desabilita digitação e abertura do picker quando ativo.
+         *
+         * @default false
+         */
+        this.disabled = false;
+        /**
+         * Define se a seleção ocorre por data única ou por intervalo.
+         *
+         * @default 'single'
+         */
+        this.selectionMode = 'single';
+        /**
+         * Data inicial do intervalo quando em modo range.
+         *
+         * @default null
+         */
+        this.rangeStart = null;
+        /**
+         * Data final do intervalo quando em modo range.
+         *
+         * @default null
+         */
+        this.rangeEnd = null;
+        this.handleActionButtonClick = (event) => {
+            if (this.disabled)
+                return;
+            event.stopPropagation();
+            this.togglePicker.emit();
+        };
+        /**
+         * Confirma o conteúdo digitado ao perder foco.
+         */
+        this.handleInputBlur = () => {
+            if (this.disabled) {
+                return;
+            }
+            this.commitInputValue();
+        };
+        /**
+         * Atualiza o estado local com o valor digitado no campo.
+         *
+         * @param event - Evento de input disparado pelo campo textual.
+         */
+        this.handleInputChange = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            const input = event.target;
+            this.inputValue = input.value;
+        };
+        /**
+         * Permite confirmar a digitação pressionando Enter.
+         *
+         * @param event - Evento de teclado do campo de entrada.
+         */
+        this.handleInputKeydown = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            // Alt+ArrowDown ou F4 abre/fecha o picker (padrão ARIA combobox)
+            if ((event.key === 'ArrowDown' && event.altKey) || event.key === 'F4') {
+                event.preventDefault();
+                this.togglePicker.emit();
+                return;
+            }
+            if (event.key === 'Enter') {
+                this.commitInputValue();
+            }
+        };
+        /**
+         * Evita propagação do clique e solicita a abertura/fechamento do picker.
+         *
+         * @param event - Evento de clique no ícone de ação.
+         */
+        this.handleToggleDropdown = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            event.stopPropagation();
+            this.togglePicker.emit();
+        };
+    }
+    handleRangeValueChange(newValue) {
+        if (!newValue)
+            return;
+        this.rangeStart = newValue.start;
+        this.rangeEnd = newValue.end;
+        this.syncInputValueFromProps();
+    }
+    /**
+     * Revalida e reflete no input mudanças externas em `value`.
+     *
+     * @param newValue - Novo valor recebido via prop.
+     */
+    handleValueChange(newValue) {
+        this.ensureValidValue(newValue);
+        this.syncInputValueFromProps();
+    }
+    /**
+     * Garante modo suportado e ajusta máscara/valor textual exibido.
+     *
+     * @param newValue - Novo modo recebido via prop.
+     */
+    handleModeChange(newValue) {
+        this.ensureValidMode(newValue);
+        this.syncInputValueFromProps();
+    }
+    /**
+     * Valida a data de referência e sincroniza o campo quando não há seleção.
+     *
+     * @param newValue - Nova data de referência recebida.
+     */
+    handleReferenceDateChange(newValue) {
+        this.ensureValidReferenceDate(newValue);
+        if (this.value === null) {
+            this.syncInputValueFromProps();
+        }
+    }
+    /**
+     * Sincroniza o input quando o início do range muda.
+     *
+     * @param newValue - Nova data inicial do range.
+     */
+    handleRangeStartChange() {
+        if (this.selectionMode === 'range') {
+            this.syncInputValueFromProps();
+        }
+    }
+    /**
+     * Sincroniza o input quando o fim do range muda.
+     *
+     * @param newValue - Nova data final do range.
+     */
+    handleRangeEndChange() {
+        if (this.selectionMode === 'range') {
+            this.syncInputValueFromProps();
+        }
+    }
+    /**
+     * Valida props iniciais e sincroniza o texto exibido no input.
+     */
+    componentWillLoad() {
+        this.referenceDate = isValid.resolveSsrLocalDate(this.el, this.referenceDate);
+        this.ensureValidMode();
+        this.ensureValidReferenceDate();
+        this.ensureValidValue();
+        this.syncInputValueFromProps();
+    }
+    /**
+     * Registra o listener de teclado no botão de ação após o DOM estar disponível.
+     *
+     * O br-button que envolve o slot "action" é focável. Quando Space/Enter é pressionado,
+     * o browser dispara um click sintético. Adicionamos um listener imperativo para
+     * garantir que o clique no botão de ação acione o toggle.
+     */
+    componentDidLoad() {
+        // Tenta encontrar o br-button dentro do br-input que envolve o slot action
+        const brInput = this.el.shadowRoot?.querySelector('br-input');
+        if (!brInput?.shadowRoot)
+            return;
+        const actionButton = brInput.shadowRoot.querySelector('br-button.button-transform');
+        if (!actionButton)
+            return;
+        this.actionButton = actionButton;
+        // Listener para clique no botão de ação (funciona para mouse e Space/Enter via button nativo)
+        actionButton.addEventListener('click', this.handleActionButtonClick);
+    }
+    disconnectedCallback() {
+        this.actionButton?.removeEventListener('click', this.handleActionButtonClick);
+        this.actionButton = undefined;
+    }
+    /**
+     * Retorna o rótulo acessível do botão de alternância do picker.
+     *
+     * @returns Texto anunciado pelo leitor de tela para o ícone de ação.
+     */
+    getToggleAriaLabel() {
+        switch (this.mode) {
+            case 'date':
+                return 'Abrir calendário';
+            case 'time':
+                return 'Abrir seletor de hora';
+            default:
+                return 'Abrir seletor de data e hora';
+        }
+    }
+    /**
+     * Normaliza o modo de operação para um valor suportado.
+     *
+     * @param value - Modo informado externamente.
+     */
+    ensureValidMode(value = this.mode) {
+        const normalizedMode = normalizeDatetimeInputMode(value);
+        if (normalizedMode !== value) {
+            this.mode = normalizedMode;
+        }
+    }
+    /**
+     * Garante que a data de referência seja uma instância válida de `Date`.
+     *
+     * @param value - Data de referência recebida via prop.
+     */
+    ensureValidReferenceDate(value = this.referenceDate) {
+        const normalizedReferenceDate = normalizeDatetimeInputReferenceDate(value);
+        if (!(value instanceof Date) || Number.isNaN(value.getTime())) {
+            this.referenceDate = normalizedReferenceDate;
+        }
+    }
+    /**
+     * Normaliza o valor selecionado para `Date` válido ou `null`.
+     *
+     * @param value - Valor recebido via prop.
+     */
+    ensureValidValue(value = this.value) {
+        const normalizedValue = normalizeDatetimeInputValue(value);
+        if (value !== normalizedValue) {
+            this.value = normalizedValue;
+        }
+    }
+    /**
+     * Consolida o texto digitado, tenta analisar e emite o novo estado selecionado.
+     */
+    commitInputValue() {
+        const inputText = this.inputValue.trim();
+        if (inputText === '') {
+            this.value = null;
+            this.dateStateChange.emit({
+                referenceDate: this.referenceDate,
+                value: null,
+            });
+            this.emitNativeValueChange();
+            return;
+        }
+        if (this.selectionMode === 'range' && this.mode === 'date') {
+            const parsedRange = this.parseRangeInput(inputText);
+            if (parsedRange === null)
+                return;
+            const normalizedRange = this.normalizeRangeBounds(parsedRange.start, parsedRange.end);
+            this.rangeValue = normalizedRange;
+            this.inputValue = `${this.formatDateByMode(normalizedRange.start)} - ${this.formatDateByMode(normalizedRange.end)}`;
+            this.value = normalizedRange.end;
+            this.dateStateChange.emit({
+                referenceDate: normalizedRange.end,
+                value: normalizedRange.end,
+                range: normalizedRange,
+            });
+            this.emitNativeValueChange();
+            return;
+        }
+        const parsed = this.parseInputValue(inputText);
+        if (parsed === null)
+            return;
+        const newDate = new Date(parsed);
+        newDate.setSeconds(0, 0);
+        this.inputValue = this.formatDateByMode(newDate);
+        this.value = newDate;
+        this.dateStateChange.emit({
+            referenceDate: newDate,
+            value: newDate,
+        });
+        this.emitNativeValueChange();
+    }
+    emitNativeValueChange() {
+        event.dispatchNativeFormEvent(this.el, 'input');
+        event.dispatchNativeFormEvent(this.el, 'change');
+    }
+    /**
+     * Analisa o intervalo no formato `dd/MM/yyyy - dd/MM/yyyy`.
+     *
+     * @param value - Texto de intervalo informado no input.
+     * @returns Intervalo analisado ou `null` quando inválido.
+     */
+    parseRangeInput(value) {
+        const rangeMatch = value.match(/^(.*?)\s*-\s*(.*?)$/);
+        if (rangeMatch === null) {
+            return null;
+        }
+        const startText = rangeMatch[1]?.trim() ?? '';
+        const endText = rangeMatch[2]?.trim() ?? '';
+        if (startText === '' || endText === '') {
+            return null;
+        }
+        const base = this.referenceDate ?? isValid.toDateExports.toDate(new Date());
+        const parsedStart = this.parseDateInput(startText, base);
+        const parsedEnd = this.parseDateInput(endText, base);
+        if (parsedStart === null || parsedEnd === null) {
+            return null;
+        }
+        return { start: parsedStart, end: parsedEnd };
+    }
+    /** Normaliza os limites do intervalo para garantir ordem cronológica. */
+    normalizeRangeBounds(start, end) {
+        return compareAscExports.compareAsc(start, end) <= 0 ? { start, end } : { start: end, end: start };
+    }
+    /**
+     * Sincroniza o texto do campo com as props atuais de valor e modo.
+     */
+    syncInputValueFromProps() {
+        if (this.selectionMode === 'range') {
+            if (this.rangeStart === null || this.rangeEnd === null) {
+                this.inputValue = '';
+                return;
+            }
+            const startFormatted = this.formatDateByMode(this.rangeStart);
+            const endFormatted = this.formatDateByMode(this.rangeEnd);
+            this.inputValue = `${startFormatted} - ${endFormatted}`;
+            return;
+        }
+        if (this.value === null) {
+            this.inputValue = '';
+            return;
+        }
+        this.inputValue = this.formatDateByMode(this.value);
+    }
+    /**
+     * Formata uma data de acordo com o modo atual do componente.
+     *
+     * @param date - Data a ser formatada para exibição no input.
+     * @returns Representação textual da data/hora no padrão esperado.
+     */
+    formatDateByMode(date) {
+        switch (this.mode) {
+            case 'date':
+                return datetimePickerConstants.formatExports.format(date, 'dd/MM/yyyy');
+            case 'time':
+                return datetimePickerConstants.formatExports.format(date, 'HH:mm');
+            default:
+                return datetimePickerConstants.formatExports.format(date, 'dd/MM/yyyy HH:mm');
+        }
+    }
+    /**
+     * Retorna as classes CSS base aplicadas ao host visual do componente.
+     */
+    getCssClassMap() {
+        return {
+            'br-datetime-input': true,
+        };
+    }
+    /**
+     * Seleciona o ícone do campo conforme o modo de entrada ativo.
+     *
+     * @returns Nome do ícone usado na ação lateral do input.
+     */
+    getInputIcon() {
+        switch (this.mode) {
+            case 'time':
+                return 'fa7-solid:clock';
+            default:
+                return 'fa6-solid:calendar-days';
+        }
+    }
+    /**
+     * Converte o texto digitado em `Date` com base no modo configurado.
+     *
+     * @param value - Texto informado pelo usuário no input.
+     * @returns Data convertida em objeto `Date` ou `null` quando inválida.
+     */
+    parseInputValue(value) {
+        const base = this.value ?? this.referenceDate ?? isValid.toDateExports.toDate(new Date());
+        switch (this.mode) {
+            case 'date':
+                return this.parseDateInput(value, base);
+            case 'time':
+                return this.parseTimeInput(value, base);
+            case 'datetime':
+                return this.parseDateTimeInput(value, base);
+            default:
+                return null;
+        }
+    }
+    /**
+     * Faz parse de uma data no formato `dd/MM/yyyy`, preservando hora e minuto base.
+     *
+     * @param value - Texto de data digitado pelo usuário.
+     * @param base - Data base usada para completar informações de tempo.
+     * @returns Data válida normalizada ou `null` quando o parse falhar.
+     */
+    parseDateInput(value, base) {
+        const parsedDate = isValid.parseExports.parse(value, 'dd/MM/yyyy', base);
+        if (!isValid.isValidExports.isValid(parsedDate))
+            return null;
+        return isValid.setExports.set(parsedDate, {
+            hours: getHoursExports.getHours(base),
+            minutes: getMinutesExports.getMinutes(base),
+            seconds: 0,
+            milliseconds: 0,
+        });
+    }
+    /**
+     * Faz parse de hora no formato `HH:mm`, preservando o dia da data base.
+     *
+     * @param value - Texto de hora digitado pelo usuário.
+     * @param base - Data base usada para manter dia, mês e ano.
+     * @returns Data válida com hora ajustada ou `null` quando inválida.
+     */
+    parseTimeInput(value, base) {
+        const parsedTime = isValid.parseExports.parse(value, 'HH:mm', base);
+        if (!isValid.isValidExports.isValid(parsedTime))
+            return null;
+        return isValid.setExports.set(base, {
+            hours: getHoursExports.getHours(parsedTime),
+            minutes: getMinutesExports.getMinutes(parsedTime),
+            seconds: 0,
+            milliseconds: 0,
+        });
+    }
+    /**
+     * Faz parse de data e hora completas, com fallback para entradas parciais.
+     *
+     * @param value - Texto digitado no input.
+     * @param base - Data base usada como contexto para completar o parse.
+     * @returns Data válida a partir da entrada ou `null` quando não reconhecida.
+     */
+    parseDateTimeInput(value, base) {
+        // data + hora
+        const full = isValid.parseExports.parse(value, 'dd/MM/yyyy HH:mm', base);
+        if (isValid.isValidExports.isValid(full))
+            return full;
+        // so data -> hora atual
+        const date = this.parseDateInput(value, base);
+        if (date !== null) {
+            return isValid.setExports.set(date, {
+                hours: getHoursExports.getHours(base),
+                minutes: getMinutesExports.getMinutes(base),
+                seconds: 0,
+                milliseconds: 0,
+            });
+        }
+        // so hora -> data atual
+        return this.parseTimeInput(value, base);
+    }
+    /**
+     * Renderiza o campo textual e o ícone de ação do datetime input.
+     */
+    renderInputField() {
+        return (index$1.h("br-input", { type: "text", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, actionLabel: this.getToggleAriaLabel(), onInput: this.handleInputChange, onBlur: this.handleInputBlur, onKeyDown: this.handleInputKeydown, "aria-label": this.getInputAriaLabel(), part: "input" }, index$1.h("br-icon", { slot: "action", iconName: this.getInputIcon(), width: "16", height: "16", "aria-hidden": "true", onClick: this.handleToggleDropdown, part: "icon" })));
+    }
+    /**
+     * Retorna o rótulo acessível do campo de entrada de acordo com o modo ativo.
+     *
+     * @returns Texto anunciado pelo leitor de tela para identificar o campo.
+     */
+    getInputAriaLabel() {
+        switch (this.mode) {
+            case 'date':
+                return 'Campo de data';
+            case 'time':
+                return 'Campo de horário';
+            default:
+                return 'Campo de data e hora';
+        }
+    }
+    /**
+     * Renderização principal do componente.
+     */
+    render() {
+        return (index$1.h(index$1.Host, { key: '81cb75473b92df9e9026cae60361b30243f81e7c' }, index$1.h("div", { key: '009535a00998695c36ba186dba1410dac4459250', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
+    }
+    get el() { return index$1.getElement(this); }
+    static get watchers() { return {
+        "rangeValue": [{
+                "handleRangeValueChange": 0
+            }],
+        "value": [{
+                "handleValueChange": 0
+            }],
+        "mode": [{
+                "handleModeChange": 0
+            }],
+        "referenceDate": [{
+                "handleReferenceDateChange": 0
+            }],
+        "rangeStart": [{
+                "handleRangeStartChange": 0
+            }],
+        "rangeEnd": [{
+                "handleRangeEndChange": 0
+            }]
+    }; }
+};
+DatetimeInput.style = datetimeInputCss();
+
+var addHours = {};
+
+var addMilliseconds = {};
+
+var hasRequiredAddMilliseconds;
+
+function requireAddMilliseconds () {
+	if (hasRequiredAddMilliseconds) return addMilliseconds;
+	hasRequiredAddMilliseconds = 1;
+	addMilliseconds.addMilliseconds = addMilliseconds$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireConstructFrom();
+	var _index2 = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * The {@link addMilliseconds} function options.
+	 */
+
+	/**
+	 * @name addMilliseconds
+	 * @category Millisecond Helpers
+	 * @summary Add the specified number of milliseconds to the given date.
+	 *
+	 * @description
+	 * Add the specified number of milliseconds to the given date.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+	 *
+	 * @param date - The date to be changed
+	 * @param amount - The amount of milliseconds to be added.
+	 * @param options - The options object
+	 *
+	 * @returns The new date with the milliseconds added
+	 *
+	 * @example
+	 * // Add 750 milliseconds to 10 July 2014 12:45:30.000:
+	 * const result = addMilliseconds(new Date(2014, 6, 10, 12, 45, 30, 0), 750)
+	 * //=> Thu Jul 10 2014 12:45:30.750
+	 */
+	function addMilliseconds$1(date, amount, options) {
+	  return (0, _index.constructFrom)(
+	    options?.in || date,
+	    +(0, _index2.toDate)(date) + amount,
+	  );
+	}
+	return addMilliseconds;
+}
+
+var hasRequiredAddHours;
+
+function requireAddHours () {
+	if (hasRequiredAddHours) return addHours;
+	hasRequiredAddHours = 1;
+	addHours.addHours = addHours$1;
+	var _index = /*@__PURE__*/ requireAddMilliseconds();
+	var _index2 = /*@__PURE__*/ datetimePickerConstants.requireConstants();
+
+	/**
+	 * The {@link addHours} function options.
+	 */
+
+	/**
+	 * @name addHours
+	 * @category Hour Helpers
+	 * @summary Add the specified number of hours to the given date.
+	 *
+	 * @description
+	 * Add the specified number of hours to the given date.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+	 *
+	 * @param date - The date to be changed
+	 * @param amount - The amount of hours to be added
+	 * @param options - An object with options
+	 *
+	 * @returns The new date with the hours added
+	 *
+	 * @example
+	 * // Add 2 hours to 10 July 2014 23:00:00:
+	 * const result = addHours(new Date(2014, 6, 10, 23, 0), 2)
+	 * //=> Fri Jul 11 2014 01:00:00
+	 */
+	function addHours$1(date, amount, options) {
+	  return (0, _index.addMilliseconds)(
+	    date,
+	    amount * _index2.millisecondsInHour,
+	    options,
+	  );
+	}
+	return addHours;
+}
+
+var addHoursExports = /*@__PURE__*/ requireAddHours();
+
+var addMinutes = {};
+
+var hasRequiredAddMinutes;
+
+function requireAddMinutes () {
+	if (hasRequiredAddMinutes) return addMinutes;
+	hasRequiredAddMinutes = 1;
+	addMinutes.addMinutes = addMinutes$1;
+	var _index = /*@__PURE__*/ datetimePickerConstants.requireConstants();
+	var _index2 = /*@__PURE__*/ datetimePickerConstants.requireToDate();
+
+	/**
+	 * The {@link addMinutes} function options.
+	 */
+
+	/**
+	 * @name addMinutes
+	 * @category Minute Helpers
+	 * @summary Add the specified number of minutes to the given date.
+	 *
+	 * @description
+	 * Add the specified number of minutes to the given date.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+	 *
+	 * @param date - The date to be changed
+	 * @param amount - The amount of minutes to be added.
+	 * @param options - An object with options
+	 *
+	 * @returns The new date with the minutes added
+	 *
+	 * @example
+	 * // Add 30 minutes to 10 July 2014 12:00:00:
+	 * const result = addMinutes(new Date(2014, 6, 10, 12, 0), 30)
+	 * //=> Thu Jul 10 2014 12:30:00
+	 */
+	function addMinutes$1(date, amount, options) {
+	  const _date = (0, _index2.toDate)(date, options?.in);
+	  _date.setTime(_date.getTime() + amount * _index.millisecondsInMinute);
+	  return _date;
+	}
+	return addMinutes;
+}
+
+var addMinutesExports = /*@__PURE__*/ requireAddMinutes();
+
+var subHours = {};
+
+var hasRequiredSubHours;
+
+function requireSubHours () {
+	if (hasRequiredSubHours) return subHours;
+	hasRequiredSubHours = 1;
+	subHours.subHours = subHours$1;
+	var _index = /*@__PURE__*/ requireAddHours();
+
+	/**
+	 * The {@link subHours} function options.
+	 */
+
+	/**
+	 * @name subHours
+	 * @category Hour Helpers
+	 * @summary Subtract the specified number of hours from the given date.
+	 *
+	 * @description
+	 * Subtract the specified number of hours from the given date.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+	 *
+	 * @param date - The date to be changed
+	 * @param amount - The amount of hours to be subtracted.
+	 * @param options - The options
+	 *
+	 * @returns The new date with the hours subtracted
+	 *
+	 * @example
+	 * // Subtract 2 hours from 11 July 2014 01:00:00:
+	 * const result = subHours(new Date(2014, 6, 11, 1, 0), 2)
+	 * //=> Thu Jul 10 2014 23:00:00
+	 */
+	function subHours$1(date, amount, options) {
+	  return (0, _index.addHours)(date, -amount, options);
+	}
+	return subHours;
+}
+
+var subHoursExports = /*@__PURE__*/ requireSubHours();
+
+var subMinutes = {};
+
+var hasRequiredSubMinutes;
+
+function requireSubMinutes () {
+	if (hasRequiredSubMinutes) return subMinutes;
+	hasRequiredSubMinutes = 1;
+	subMinutes.subMinutes = subMinutes$1;
+	var _index = /*@__PURE__*/ requireAddMinutes();
+
+	/**
+	 * The {@link subMinutes} function options.
+	 */
+
+	/**
+	 * @name subMinutes
+	 * @category Minute Helpers
+	 * @summary Subtract the specified number of minutes from the given date.
+	 *
+	 * @description
+	 * Subtract the specified number of minutes from the given date.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+	 *
+	 * @param date - The date to be changed
+	 * @param amount - The amount of minutes to be subtracted.
+	 * @param options - An object with options
+	 *
+	 * @returns The new date with the minutes subtracted
+	 *
+	 * @example
+	 * // Subtract 30 minutes from 10 July 2014 12:00:00:
+	 * const result = subMinutes(new Date(2014, 6, 10, 12, 0), 30)
+	 * //=> Thu Jul 10 2014 11:30:00
+	 */
+	function subMinutes$1(date, amount, options) {
+	  return (0, _index.addMinutes)(date, -amount, options);
+	}
+	return subMinutes;
+}
+
+var subMinutesExports = /*@__PURE__*/ requireSubMinutes();
+
+/**
+ * Conjunto de campos suportados pelo time picker.
+ *
+ * Esses valores são usados como contrato entre a renderização do campo e a lógica de commit.
+ */
+const INPUT_TIME_TYPE = {
+    HOUR: 'hour',
+    MINUTE: 'minute',
+};
+
+const timePickerCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block;width:100%;max-width:144px;height:116px;margin-inline:auto;box-sizing:border-box}.br-time-picker{display:flex;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.timer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-scale-sm);width:100%;box-sizing:border-box}.time-field{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.time-field label{font-size:var(--font-size-scale-down-01);color:var(--gray-70);margin-bottom:4px}.time-field input{width:var(--spacing-scale-6x);height:var(--spacing-scale-6x);padding:4px;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);text-align:center;border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width)}.time-field input:hover{background:linear-gradient(rgb(var(--color-rgb), var(--hover)), rgb(var(--color-rgb), var(--hover)))}.time-separator{display:inline-block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);color:var(--gray-70);align-self:center;line-height:1;padding:0 var(--spacing-scale-base)}`;
+
+const TimePicker = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.dateStateChange = index$1.createEvent(this, "dateStateChange", 7);
+        /** Mantém o rascunho digitado por campo para evitar aplicar valor parcial prematuramente. */
+        this.timeDraft = {};
+        /** Data de referência usada para exibir e ajustar hora e minuto. */
+        this.referenceDate = new Date();
+        /** Valor atualmente selecionado pelo usuário, ou `null` quando vazio. */
+        this.value = null;
+        /** Desabilita todos os controles de navegação e edição de hora/minuto. */
+        this.disabled = false;
+        /** Cacheia handlers por tipo de campo para preservar a mesma referência entre renderizações. */
+        this.timeInputChangeHandlers = new Map();
+        /** Cacheia handlers de commit por tipo de campo. */
+        this.timeInputCommitHandlers = new Map();
+        /** Cacheia handlers de teclado por tipo de campo. */
+        this.timeInputKeydownHandlers = new Map();
+        /**
+         * Executa a navegação associada ao botão clicado.
+         *
+         * @param event - Clique disparado pelo botão de navegação.
+         */
+        this.handleNavigationClick = (event) => {
+            if (this.disabled) {
+                return;
+            }
+            const actionFromPath = event
+                .composedPath()
+                .find((target) => target instanceof HTMLElement && target.dataset.action !== undefined);
+            const action = (actionFromPath?.dataset.action ?? event.currentTarget.dataset.action);
+            if (action === undefined)
+                return;
+            switch (action) {
+                case datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_HOUR:
+                    this.decreaseHour();
+                    break;
+                case datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_MINUTE:
+                    this.decreaseMinute();
+                    break;
+                case datetimePickerConstants.NAVIGATION_ACTION.NEXT_HOUR:
+                    this.increaseHour();
+                    break;
+                case datetimePickerConstants.NAVIGATION_ACTION.NEXT_MINUTE:
+                    this.increaseMinute();
+                    break;
+            }
+        };
+        /**
+         * Atualiza o rascunho do campo removendo qualquer caractere não numérico.
+         *
+         * @param event - Evento de input do campo de hora ou minuto.
+         * @param type - Campo que está sendo editado.
+         */
+        this.handleTimeInputChange = (event, type) => {
+            if (this.disabled) {
+                return;
+            }
+            const input = event.target;
+            const value = input.value.replace(/\D/g, '');
+            this.timeDraft = { ...this.timeDraft, [type]: value };
+        };
+    }
+    componentWillLoad() {
+        this.referenceDate = isValid.resolveSsrLocalDate(this.el, this.referenceDate);
+    }
+    /**
+     * Emite o estado consolidado para manter hora, minuto e data sincronizados.
+     *
+     * @param nextReferenceDate - Nova data de referência após a interação.
+     * @param nextValue - Valor final selecionado; quando omitido, assume a data de referência.
+     */
+    emitDateStateChange(nextReferenceDate, nextValue = isValid.toDateExports.toDate(new Date(nextReferenceDate))) {
+        // Ao emitir, garantir segundos zerados (componente não controla segundos)
+        const normalizedReference = isValid.setExports.set(nextReferenceDate, { seconds: 0, milliseconds: 0 });
+        const normalizedValue = nextValue === null ? null : isValid.setExports.set(nextValue, { seconds: 0, milliseconds: 0 });
+        this.value = normalizedValue;
+        this.dateStateChange.emit({
+            referenceDate: normalizedReference,
+            value: normalizedValue,
+        });
+        event.dispatchNativeFormEvent(this.el, 'input');
+        event.dispatchNativeFormEvent(this.el, 'change');
+    }
+    /**
+     * Resolve o ícone associado à ação de navegação.
+     *
+     * @param action - Ação representada pelo botão.
+     * @returns O nome do ícone ou uma string vazia quando a ação não é reconhecida.
+     */
+    getIconForAction(action) {
+        switch (action) {
+            case datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_HOUR:
+            case datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_MINUTE:
+                return 'fa6-solid:chevron-down';
+            case datetimePickerConstants.NAVIGATION_ACTION.NEXT_HOUR:
+            case datetimePickerConstants.NAVIGATION_ACTION.NEXT_MINUTE:
+                return 'fa6-solid:chevron-up';
+            default:
+                return '';
+        }
+    }
+    /**
+     * Aplica o valor digitado ao estado do componente quando o campo é concluído.
+     *
+     * @param type - Campo que será aplicado.
+     */
+    handleTimeInputCommit(type) {
+        if (this.disabled) {
+            return;
+        }
+        const draft = this.timeDraft[type];
+        if (draft == null || draft === '')
+            return;
+        const numeric = Number(draft);
+        if (Number.isNaN(numeric))
+            return;
+        let date = isValid.toDateExports.toDate(new Date(this.referenceDate));
+        if (type === INPUT_TIME_TYPE.HOUR) {
+            if (numeric < 0 || numeric > 23)
+                return;
+            date = isValid.setExports.set(date, { hours: numeric });
+        }
+        if (type === INPUT_TIME_TYPE.MINUTE) {
+            if (numeric < 0 || numeric > 59)
+                return;
+            date = isValid.setExports.set(date, { minutes: numeric });
+        }
+        this.emitDateStateChange(date);
+        const { [type]: _discarded, ...remainingDraft } = this.timeDraft;
+        this.timeDraft = remainingDraft;
+    }
+    /**
+     * Constrói o rótulo acessível das ações de navegação com base no valor atual.
+     *
+     * @param action - Ação que o botão executa.
+     * @returns Texto acessível do botão.
+     */
+    getNavigationAriaLabel(action) {
+        switch (action) {
+            case datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_HOUR:
+                return `Ir para a hora anterior, ${getHoursExports.getHours(subHoursExports.subHours(this.referenceDate, 1))}`;
+            case datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_MINUTE:
+                return `Ir para o minuto anterior, ${getMinutesExports.getMinutes(subMinutesExports.subMinutes(this.referenceDate, 1))}`;
+            case datetimePickerConstants.NAVIGATION_ACTION.NEXT_HOUR:
+                return `Ir para a próxima hora, ${getHoursExports.getHours(addHoursExports.addHours(this.referenceDate, 1))}`;
+            case datetimePickerConstants.NAVIGATION_ACTION.NEXT_MINUTE:
+                return `Ir para o próximo minuto, ${getMinutesExports.getMinutes(addMinutesExports.addMinutes(this.referenceDate, 1))}`;
+            default:
+                return '';
+        }
+    }
+    /**
+     * Retorna o rótulo acessível do campo exibido.
+     *
+     * @param type - Tipo do campo, hora ou minuto.
+     * @returns O texto exibido ao leitor de tela.
+     */
+    getTimeFieldAriaLabel(type) {
+        switch (type) {
+            case INPUT_TIME_TYPE.HOUR:
+                return 'Hora';
+            case INPUT_TIME_TYPE.MINUTE:
+                return 'Minuto';
+            default:
+                return '';
+        }
+    }
+    /**
+     * Resolve o valor, a ação anterior e a próxima ação para o campo solicitado.
+     *
+     * @param type - Tipo do campo a ser renderizado.
+     * @returns Configuração de navegação e valor do campo.
+     */
+    getTimeFieldConfig(type) {
+        switch (type) {
+            case INPUT_TIME_TYPE.HOUR:
+                return {
+                    value: getHoursExports.getHours(this.referenceDate),
+                    nextAction: datetimePickerConstants.NAVIGATION_ACTION.NEXT_HOUR,
+                    prevAction: datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_HOUR,
+                };
+            case INPUT_TIME_TYPE.MINUTE:
+                return {
+                    value: getMinutesExports.getMinutes(this.referenceDate),
+                    nextAction: datetimePickerConstants.NAVIGATION_ACTION.NEXT_MINUTE,
+                    prevAction: datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_MINUTE,
+                };
+            default:
+                return {
+                    value: 0,
+                    nextAction: datetimePickerConstants.NAVIGATION_ACTION.NEXT_HOUR,
+                    prevAction: datetimePickerConstants.NAVIGATION_ACTION.PREVIOUS_HOUR,
+                };
+        }
+    }
+    /**
+     * Formata o valor exibido no campo como dois dígitos.
+     *
+     * @param type - Tipo do campo a ser lido.
+     * @returns Hora ou minuto formatado.
+     */
+    getTimeFieldValue(type) {
+        switch (type) {
+            case INPUT_TIME_TYPE.HOUR:
+                return getHoursExports.getHours(this.referenceDate).toString().padStart(2, '0');
+            case INPUT_TIME_TYPE.MINUTE:
+                return getMinutesExports.getMinutes(this.referenceDate).toString().padStart(2, '0');
+            default:
+                return '00';
+        }
+    }
+    /**
+     * Recupera um handler estável para o evento de input de um campo específico.
+     *
+     * @param type - Tipo do campo.
+     * @returns Função reutilizável para o evento de input.
+     */
+    getTimeInputChangeHandler(type) {
+        let handler = this.timeInputChangeHandlers.get(type);
+        if (handler === undefined) {
+            handler = (event) => this.handleTimeInputChange(event, type);
+            this.timeInputChangeHandlers.set(type, handler);
+        }
+        return handler;
+    }
+    /**
+     * Recupera um handler estável para o commit de um campo específico.
+     *
+     * @param type - Tipo do campo.
+     * @returns Função reutilizável para blur ou confirmação.
+     */
+    getTimeInputCommitHandler(type) {
+        let handler = this.timeInputCommitHandlers.get(type);
+        if (handler === undefined) {
+            handler = () => this.handleTimeInputCommit(type);
+            this.timeInputCommitHandlers.set(type, handler);
+        }
+        return handler;
+    }
+    /**
+     * Recupera um handler estável para confirmar o valor com a tecla Enter.
+     *
+     * @param type - Tipo do campo.
+     * @returns Função reutilizável para eventos de teclado.
+     */
+    getTimeInputKeydownHandler(type) {
+        let handler = this.timeInputKeydownHandlers.get(type);
+        if (handler === undefined) {
+            handler = (event) => {
+                if (event.key === 'Enter') {
+                    this.handleTimeInputCommit(type);
+                    return;
+                }
+                this.adjustTimeInputWithKeyboard(event, type);
+            };
+            this.timeInputKeydownHandlers.set(type, handler);
+        }
+        return handler;
+    }
+    adjustTimeInputWithKeyboard(event, type) {
+        if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown')
+            return;
+        event.preventDefault();
+        if (event.key === 'ArrowUp') {
+            type === INPUT_TIME_TYPE.HOUR ? this.increaseHour() : this.increaseMinute();
+            return;
+        }
+        type === INPUT_TIME_TYPE.HOUR ? this.decreaseHour() : this.decreaseMinute();
+    }
+    /** Incrementa a hora mantendo os demais componentes da data intactos. */
+    increaseHour() {
+        const date = addHoursExports.addHours(this.referenceDate, 1);
+        this.emitDateStateChange(date);
+    }
+    /** Incrementa o minuto mantendo os demais componentes da data intactos. */
+    increaseMinute() {
+        const date = addMinutesExports.addMinutes(this.referenceDate, 1);
+        this.emitDateStateChange(date);
+    }
+    /** Decrementa a hora mantendo os demais componentes da data intactos. */
+    decreaseHour() {
+        const date = subHoursExports.subHours(this.referenceDate, 1);
+        this.emitDateStateChange(date);
+    }
+    /** Decrementa o minuto mantendo os demais componentes da data intactos. */
+    decreaseMinute() {
+        const date = subMinutesExports.subMinutes(this.referenceDate, 1);
+        this.emitDateStateChange(date);
+    }
+    /**
+     * Renderiza um botão de navegação consistente para hora ou minuto.
+     *
+     * @param action - Ação que o botão executará.
+     */
+    renderNavigationButton(action) {
+        return (index$1.h("br-button", { type: "button", emphasis: "tertiary", density: "small", shape: "circle", disabled: this.disabled, "data-action": action, "aria-label": this.getNavigationAriaLabel(action), onClick: this.handleNavigationClick }, index$1.h("br-icon", { iconName: this.getIconForAction(action), width: "20", height: "20", "aria-hidden": "true" })));
+    }
+    /** Renderiza o bloco completo de hora e minuto. */
+    renderTimePicker() {
+        return (index$1.h("div", { class: "timer", role: "group", "aria-label": "Seletor de hora e minuto", part: "timer" }, this.renderTimeField(INPUT_TIME_TYPE.HOUR), index$1.h("span", { class: "time-separator", "aria-hidden": "true", part: "separator" }, ":"), this.renderTimeField(INPUT_TIME_TYPE.MINUTE)));
+    }
+    /**
+     * Renderiza um campo de edição com navegação lateral.
+     *
+     * @param type - Tipo do campo a ser exibido.
+     */
+    renderTimeField(type) {
+        const { nextAction, prevAction } = this.getTimeFieldConfig(type);
+        return (index$1.h("div", { class: "time-field", part: "field" }, this.renderNavigationButton(nextAction), index$1.h("input", { type: "text", inputmode: "numeric", maxLength: 2, value: this.timeDraft[type] ?? this.getTimeFieldValue(type), "aria-label": this.getTimeFieldAriaLabel(type), onInput: this.getTimeInputChangeHandler(type), onBlur: this.getTimeInputCommitHandler(type), onKeyDown: this.getTimeInputKeydownHandler(type), disabled: this.disabled, part: "input" }), this.renderNavigationButton(prevAction)));
+    }
+    render() {
+        return (index$1.h(index$1.Host, { key: '59ed47bc0825e6dc4c9568aefd5effe81d151525' }, index$1.h("div", { key: 'c8acccd2dfe328626346731c7c3f02984db60f4f', class: "br-time-picker", part: "container" }, this.renderTimePicker())));
+    }
+    get el() { return index$1.getElement(this); }
+};
+TimePicker.style = timePickerCss();
+
+exports.br_date_picker = DatePicker;
+exports.br_datetime_input = DatetimeInput;
+exports.br_time_picker = TimePicker;