@govbr-ds/webcomponents 2.3.0 → 2.5.0

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

@@ -2,13 +2,12 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ConyRdJe.js';
-import { r as resolveDateFnsLocale, s as startOfWeekExports, a as addDaysExports, g as getWeekdayLabels, b as getMonthLabels } from './index-BQPOWxe5.js';
-import { b as requireToDate, c as requireConstructFrom, d as requireDefaultOptions, e as requireNormalizeDates, a as DATETIME_PICKER_LOCALE, N as NAVIGATION_ACTION, f as formatExports, g as requireAddLeadingZeros, D as DATETIME_PICKER_MODE, h as requireConstants } from './datetime-picker-constants-BtRPYRvA.js';
-import { s as setExports, p as parseExports, b as isValidDatetimePickerDateRange, t as toDateExports, e as normalizeDatetimePickerDisabledDates, c as resolveSsrLocalDate, h as isSameDayExports, g as eachDayOfIntervalExports, i as isValidExports } from './datetime-picker-props-validation-BeTcUTnE.js';
-import { d as dispatchNativeFormEvent } from './event-CfuJQ1DY.js';
-import { w as warnInvalidPropValue, r as reportInvalidPropValue } from './prop-warning-BlGV-x0w.js';
-import { r as resolveAllowedPropValue } from './props-D07GjR4_.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-ConyRdJe.js';
+import { r as resolveDateFnsLocale, s as startOfWeekExports, a as addDaysExports, g as getWeekdayLabels, b as getMonthLabels, c as getWeekdayFullNames } from './index-BQRBKuY0.js';
+import { b as requireToDate, a as requireConstructFrom, g as requireDefaultOptions, h as requireGetDaysInMonth, i as requireNormalizeDates, j as requireStartOfDay, d as DATETIME_PICKER_LOCALE, N as NAVIGATION_ACTION, f as formatExports, k as requireAddLeadingZeros, D as DATETIME_PICKER_MODE, e as DATETIME_RANGE_ORDER_MESSAGE, c as requireConstants } from './datetime-picker-constants-1l4_-FEJ.js';
+import { s as setExports, p as parseExports, t as toDateExports, a as resolveSsrLocalDate, b as isSameDayExports, e as eachDayOfIntervalExports, i as isValidExports } from './isValid-wU7S6MI2.js';
+import { d as dispatchNativeFormEvent } from './event-6Da1SZ3J.js';
+import { w as warnInvalidPropValue } from './prop-warning-BlGV-x0w.js';
 
 var addMonths = {};
 
@@ -99,6 +98,50 @@ function requireAddMonths () {
 
 var addMonthsExports = /*@__PURE__*/ requireAddMonths();
 
+var addYears = {};
+
+var hasRequiredAddYears;
+
+function requireAddYears () {
+	if (hasRequiredAddYears) return addYears;
+	hasRequiredAddYears = 1;
+	addYears.addYears = addYears$1;
+	var _index = /*@__PURE__*/ requireAddMonths();
+
+	/**
+	 * The {@link addYears} function options.
+	 */
+
+	/**
+	 * @name addYears
+	 * @category Year Helpers
+	 * @summary Add the specified number of years to the given date.
+	 *
+	 * @description
+	 * Add the specified number of years 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.
+	 *
+	 * @param date - The date to be changed
+	 * @param amount - The amount of years to be added.
+	 * @param options - The options
+	 *
+	 * @returns The new date with the years added
+	 *
+	 * @example
+	 * // Add 5 years to 1 September 2014:
+	 * const result = addYears(new Date(2014, 8, 1), 5)
+	 * //=> Sun Sep 01 2019 00:00:00
+	 */
+	function addYears$1(date, amount, options) {
+	  return (0, _index.addMonths)(date, amount * 12, options);
+	}
+	return addYears;
+}
+
+var addYearsExports = /*@__PURE__*/ requireAddYears();
+
 var compareAsc = {};
 
 var hasRequiredCompareAsc;
@@ -267,6 +310,8 @@ function requireEndOfWeek () {
 
 var endOfWeekExports = /*@__PURE__*/ requireEndOfWeek();
 
+var getDaysInMonthExports = /*@__PURE__*/ requireGetDaysInMonth();
+
 var isAfter = {};
 
 var hasRequiredIsAfter;
@@ -393,6 +438,8 @@ function requireIsSameMonth () {
 
 var isSameMonthExports = /*@__PURE__*/ requireIsSameMonth();
 
+var startOfDayExports = /*@__PURE__*/ requireStartOfDay();
+
 var startOfMonth = {};
 
 var hasRequiredStartOfMonth;
@@ -487,19 +534,20 @@ 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.
+ * Verifica se um valor representa um índice válido para o primeiro dia da semana (0-6).
  *
- * @param value - Valor bruto recebido via prop.
- * @returns `true` quando o valor está entre `0` e `6`.
+ * @param {number} value Valor a validar (possivelmente vindo de uma `@Prop`).
+ * @returns {value is WeekDayIndex} `true` quando `value` é um `WeekDayIndex` válido (0..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.
+ * Normaliza o índice de início da semana.
+ * Quando o valor é inválido, emite um aviso e retorna o fallback `0`.
  *
- * @param value - Valor bruto recebido via prop.
- * @returns Índice normalizado para o primeiro dia da semana.
+ * @param {number} value Valor informado pelo consumidor.
+ * @returns {WeekDayIndex} Índice normalizado (`WeekDayIndex`).
  */
 function normalizeWeekStartsOn(value) {
     if (isValidWeekStartsOn(value))
@@ -508,11 +556,10 @@ function normalizeWeekStartsOn(value) {
     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).
+ * Verifica se um código de `locale` pode ser resolvido pelo date-fns.
  *
- * @param value - Código de locale informado pelo consumidor.
- * @returns `true` quando o locale pode ser resolvido com sucesso.
+ * @param {string} value Código de locale (ex.: "pt-BR").
+ * @returns {boolean} `true` se a resolução for bem-sucedida; `false` caso contrário.
  */
 function isValidLocaleCode(value) {
     try {
@@ -524,10 +571,11 @@ function isValidLocaleCode(value) {
     }
 }
 /**
- * Normaliza o locale informado e aplica o default do componente quando necessário.
+ * Normaliza o código de `locale` informado pelo consumidor.
+ * Se inválido, emite aviso e retorna o `DATETIME_PICKER_LOCALE.DEFAULT`.
  *
- * @param value - Código de locale informado pelo consumidor.
- * @returns Locale válido para o date picker.
+ * @param {string} value Código de locale informado pelo consumidor.
+ * @returns {string} Código de locale validado (ou o default do componente).
  */
 function normalizeLocale(value) {
     if (isValidLocaleCode(value))
@@ -536,79 +584,86 @@ function normalizeLocale(value) {
     return 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}pre{font-family:monospace;font-size:1em}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,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}fieldset[disabled]{opacity:1}.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)}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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}: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 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}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}fieldset[disabled]{opacity:1}.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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}: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)}`;
 
+/** Formato da chave local de dia usada em `data-date` e nas buscas de datas bloqueadas. */
+const DAY_KEY_FORMAT = 'yyyy-MM-dd';
 const DatePicker = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.dateStateChange = createEvent(this, "dateStateChange", 7);
-        /** Data com foco atual na navegação por teclado do calendário. */
-        this.focusedDate = new Date();
-        /** Datas inválidas são removidas da lista antes da comparação com o calendário. */
-        this.normalizedDisabledDates = [];
-        /** Define o índice do dia em que a semana começa na interface do calendário. */
+        /**
+         * Índice do dia em que a semana começa na interface do calendário.
+         * @default 0
+         */
         this.weekStartsOn = 0;
         /**
-         * Data usada como base visual para o mês atualmente exibido, sem alterar a seleção.
-         * Recebe uma instância de `Date` por property binding; valores inválidos usam a data atual.
-         *
-         * @example
-         * ```js
-         * const calendar = document.querySelector('br-date-picker');
-         * calendar.referenceDate = new Date(2026, 8, 1);
-         * ```
+         * Data usada como base visual para o mês atualmente exibido.
+         * @default new Date()
          */
         this.referenceDate = new Date();
         /**
-         * Data efetivamente selecionada, ou `null` quando não há seleção; é diferente de `referenceDate`, que controla apenas o mês visível.
-         * Recebe uma instância de `Date` por property binding; datas inválidas usam `null`.
-         *
-         * @example
-         * ```js
-         * const calendar = document.querySelector('br-date-picker');
-         * calendar.value = new Date(2026, 8, 7);
-         * ```
+         * Data atualmente selecionada pelo usuário, ou `null` quando não há seleção.
+         * @default null
          */
         this.value = null;
-        /** Define se a seleção ocorre por data única ou por intervalo. Valores inválidos usam `single`. */
+        /**
+         * Define se a seleção ocorre por data única ou por intervalo.
+         * @default 'single'
+         */
         this.selectionMode = 'single';
-        /** Data inicial selecionada quando o calendário opera no modo de intervalo. */
+        /**
+         * Data inicial selecionada quando o calendário opera no modo de intervalo.
+         * @default null
+         */
         this.rangeStart = null;
-        /** Data final selecionada quando o calendário opera no modo de intervalo. */
+        /**
+         * Data final selecionada quando o calendário opera no modo de intervalo.
+         * @default null
+         */
         this.rangeEnd = null;
-        /** Desabilita a interação do calendário quando ativo. */
+        /**
+         * Desabilita a interação do calendário quando `true`.
+         * @default false
+         */
         this.disabled = false;
         /**
          * Lista de datas indisponíveis para seleção no calendário.
-         * Recebe instâncias de `Date` por property binding; datas inválidas são ignoradas.
-         *
-         * @example
-         * ```js
-         * const calendar = document.querySelector('br-date-picker');
-         * calendar.disabledDates = [new Date(2026, 8, 7), new Date(2026, 8, 8)];
-         * ```
+         * @default []
          */
         this.disabledDates = [];
-        /** Locale usado para gerar nomes de meses e dias da semana. */
+        /**
+         * Locale usado para gerar nomes de meses e dias da semana.
+         * @default DATETIME_PICKER_LOCALE.DEFAULT
+         */
         this.locale = 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.
-         *
+         * Se `true`, o calendário sempre exibe 6 semanas (42 dias); caso contrário, adapta-se ao mês.
          * @default false
          */
         this.fixedRowCount = false;
-        /** Sinaliza ao componentDidRender que deve mover o foco para a célula atual. */
+        /**
+         * Data atualmente com foco para navegação por teclado.
+         * Usada para controlar qual célula do calendário recebe `tabindex=0`.
+         * @type {Date}
+         * @default new Date()
+         * @internal
+         */
+        this.focusedDate = new Date();
+        /**
+         * Sinaliza ao `componentDidRender` que o foco deve ser movido para a célula atual.
+         * @internal
+         */
         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.
+         * Chaves `yyyy-MM-dd` das datas bloqueadas, para consulta O(1) por célula.
+         * @internal
+         */
+        this.disabledDateKeysCache = new Set();
+        /**
+         * Handler de mudança do seletor de mês.
+         * @param event - evento de mudança do `<select>`
+         * @internal
          */
         this.handleMonthChange = (event) => {
             if (this.disabled) {
@@ -620,16 +675,21 @@ const DatePicker = class {
                 console.warn(`Índice de mês inválido selecionado: ${select.value}`);
                 return;
             }
-            const date = setExports.set(this.baseDate, { month: monthIndex, date: 1 });
-            this.emitDateStateChange(date);
+            this.navigateToMonth(setExports.set(this.baseDate, { month: monthIndex, date: 1 }));
         };
         /**
-         * Executa a ação de navegação associada ao botão clicado.
-         *
-         * @param event - Clique no botão de navegação.
+         * Trata cliques nos botões de navegação do calendário.
+         * @param event - evento de clique
+         * @internal
          */
         this.handleNavigationClick = (event) => {
-            const action = event.currentTarget.dataset.action;
+            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) {
                 console.warn('Botão de navegação clicado sem data-action definido');
                 return;
@@ -646,9 +706,10 @@ const DatePicker = class {
             }
         };
         /**
-         * Atualiza o ano exibido a partir do valor digitado.
-         *
-         * @param event - Mudança do campo de ano.
+         * Handler de alteração do campo ano.
+         * Valida o ano antes de aplicar a mudança.
+         * @param event - evento de mudança do input de ano
+         * @internal
          */
         this.handleYearChange = (event) => {
             if (this.disabled) {
@@ -660,23 +721,35 @@ const DatePicker = class {
                 console.warn(`Ano inválido digitado: ${input.value}`);
                 return;
             }
-            const date = setExports.set(this.baseDate, { year, month: this.baseDate.getMonth(), date: 1 });
-            const range = this.effectiveSelectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
-                ? { start: this.rangeStart, end: this.rangeEnd }
-                : undefined;
-            this.emitDateStateChange(date, this.value, range);
+            this.navigateToMonth(setExports.set(this.baseDate, { year, month: this.baseDate.getMonth(), date: 1 }));
         };
         /**
-         * 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.
+         * Trata cliques com um handler compartilhado, lendo a data local da célula.
+         * @param event - evento de clique da célula
+         * @internal
+         */
+        this.handleDayCellClick = (event) => {
+            const cell = event.currentTarget;
+            if (!(cell instanceof HTMLElement) || cell.dataset.date === undefined) {
+                console.warn('Célula de dia clicada sem data-date definido');
+                return;
+            }
+            const date = parseExports.parse(cell.dataset.date, DAY_KEY_FORMAT, this.baseDate);
+            if (Number.isNaN(date.getTime())) {
+                console.warn(`Data inválida na célula de dia: ${cell.dataset.date}`);
+                return;
+            }
+            this.handleDayClick(date);
+        };
+        /**
+         * Gerencia navegação por teclado dentro da grade de dias.
+         * Teclas suportadas: ArrowLeft/Right/Up/Down, PageUp/PageDown (mês), Shift+PageUp/PageDown (ano),
+         * Home/End, Enter/Space.
          *
-         * @param event - Evento de teclado disparado na grade.
+         * Permanece ativo em datas bloqueadas para que o foco não fique preso nelas; somente a seleção é ignorada.
+         * @param event - evento de teclado
+         * @returns void
+         * @internal
          */
         this.handleGridKeydown = (event) => {
             const HANDLED_KEYS = [
@@ -693,12 +766,22 @@ const DatePicker = class {
             ];
             if (!HANDLED_KEYS.includes(event.key))
                 return;
-            const target = event.target;
-            const dateKey = target.dataset?.date;
-            if (dateKey === undefined)
-                return;
-            event.preventDefault();
-            const current = parseExports.parse(dateKey, 'yyyy-MM-dd', new Date());
+            // O `event.target` pode ser um nó interno (texto) ou o foco pode estar
+            // em um container; tentamos localizar a célula com `data-date`.
+            const targetEl = event.target?.closest?.('[data-date]');
+            // Se encontrarmos a célula, usamos sua data; caso contrário, usamos a
+            // data atualmente focada (`focusedDate`) como fallback. Em ambos os casos
+            // prevenimos o comportamento padrão para manter consistência.
+            let current;
+            if (targetEl && targetEl.dataset?.date !== undefined) {
+                const dateKey = targetEl.dataset.date;
+                event.preventDefault();
+                current = parseExports.parse(dateKey, DAY_KEY_FORMAT, new Date());
+            }
+            else {
+                event.preventDefault();
+                current = this.getNormalizedFocusedDate();
+            }
             if (event.key === 'Enter' || event.key === ' ') {
                 if (!this.isDateDisabled(current)) {
                     this.handleDayClick(current);
@@ -720,10 +803,10 @@ const DatePicker = class {
                     next = addDaysExports.addDays(current, 7);
                     break;
                 case 'PageUp':
-                    next = addMonthsExports.addMonths(current, -1);
+                    next = event.shiftKey ? addYearsExports.addYears(current, -1) : addMonthsExports.addMonths(current, -1);
                     break;
                 case 'PageDown':
-                    next = addMonthsExports.addMonths(current, 1);
+                    next = event.shiftKey ? addYearsExports.addYears(current, 1) : addMonthsExports.addMonths(current, 1);
                     break;
                 case 'Home':
                     next = startOfWeekExports.startOfWeek(current, { weekStartsOn: this.weekStartsOn });
@@ -737,47 +820,43 @@ const DatePicker = class {
             this.moveFocusTo(next);
         };
     }
-    get effectiveSelectionMode() {
-        return resolveAllowedPropValue(this.el, 'selectionMode', this.selectionMode, ['single', 'range'], 'single');
-    }
+    /**
+     * Observador para a prop `rangeValue` — sincroniza `rangeStart` e `rangeEnd`.
+     * @param {DatetimePickerDateRange | undefined} newValue - novo intervalo controlado recebido (`undefined` quando não fornecido)
+     * @internal
+     */
     handleRangeValueChange(newValue) {
         if (!newValue)
             return;
-        if (!isValidDatetimePickerDateRange(newValue)) {
-            reportInvalidPropValue(this.el, 'rangeValue', newValue, 'Informe um objeto com `start` e `end` como Date válido ou null.', 'Ignorando o intervalo inválido e mantendo o último intervalo efetivo.');
-            return;
-        }
         this.rangeStart = newValue.start;
         this.rangeEnd = newValue.end;
     }
     /**
      * Sincroniza `focusedDate` quando o valor selecionado muda externamente.
      *
-     * @param newValue - Novo valor recebido via prop.
+     * @param {Date | null} newValue - Novo valor recebido via prop.
      */
-    handleValueChange(newValue) {
-        const normalizedValue = this.normalizeDateProp(newValue, 'value', null);
-        const receivedTime = newValue instanceof Date && !Number.isNaN(newValue.getTime()) ? newValue.getTime() : null;
-        if ((normalizedValue?.getTime() ?? null) !== receivedTime) {
-            this.value = normalizedValue;
-            return;
-        }
-        this.focusedDate = toDateExports.toDate(normalizedValue ?? this.referenceDate);
-    }
-    handleReferenceDateChange(newValue) {
-        const normalizedReferenceDate = this.normalizeDateProp(newValue, 'referenceDate', new Date());
-        const receivedTime = newValue instanceof Date && !Number.isNaN(newValue.getTime()) ? newValue.getTime() : null;
-        if (normalizedReferenceDate.getTime() !== receivedTime) {
-            this.referenceDate = normalizedReferenceDate;
-            return;
+    /**
+     * Observador para a prop `value` — atualiza `focusedDate` quando a seleção externa muda.
+     * @param {Date | null} newValue - novo valor de seleção (ou `null`)
+     * @param {Date | null} oldValue - valor anterior da seleção
+     * @internal
+     */
+    handleValueChange(newValue, oldValue) {
+        // Reatribuições com o mesmo instante (ex.: navegação entre meses) não devem mover o foco.
+        if (newValue !== null && newValue.getTime() !== oldValue?.getTime()) {
+            this.focusedDate = toDateExports.toDate(newValue);
         }
-        if (this.value === null)
-            this.focusedDate = toDateExports.toDate(normalizedReferenceDate);
     }
     /**
      * Revalida a configuração quando o início da semana muda.
      *
-     * @param newValue - Novo valor recebido via prop.
+     * @param {number} newValue - Novo valor recebido via prop.
+     */
+    /**
+     * Observador para `weekStartsOn` — revalida a configuração quando alterada externamente.
+     * @param {number} newValue - novo índice do início da semana
+     * @internal
      */
     handleWeekStartsOnChange(newValue) {
         this.ensureValidWeekStartsOn(newValue);
@@ -785,42 +864,35 @@ const DatePicker = class {
     /**
      * Revalida o locale quando a prop muda.
      *
-     * @param newValue - Novo valor recebido via prop.
+     * @param {string} newValue - Novo valor recebido via prop.
+     */
+    /**
+     * Observador para `locale` — revalida/normaliza o locale informado.
+     * @param {string} newValue - nova string de locale
+     * @internal
      */
     handleLocaleChange(newValue) {
         this.ensureValidLocale(newValue);
     }
-    handleDisabledDatesChange(newValue) {
-        this.normalizedDisabledDates = normalizeDatetimePickerDisabledDates(newValue, 'br-date-picker');
-    }
-    /**
-     * Normaliza os valores públicos antes da primeira renderização.
-     */
     componentWillLoad() {
-        this.referenceDate = this.normalizeDateProp(this.referenceDate, 'referenceDate', new Date());
-        this.value = this.normalizeDateProp(this.value, 'value', null);
         this.referenceDate = resolveSsrLocalDate(this.el, this.referenceDate);
         this.ensureValidWeekStartsOn();
         this.ensureValidLocale();
-        this.handleDisabledDatesChange(this.disabledDates);
         this.focusedDate = 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 = formatExports.format(normalizedDate, 'yyyy-MM-dd');
+        const dateKey = formatExports.format(normalizedDate, DAY_KEY_FORMAT);
         const cell = this.el.shadowRoot?.querySelector(`[data-date="${dateKey}"]`);
         cell?.focus();
     }
     /**
-     * Garante que o valor de `weekStartsOn` esteja dentro do domínio suportado.
-     *
+     * Valida e normaliza `weekStartsOn`.
      * @param value - Valor bruto informado pelo consumidor.
+     * @internal
      */
     ensureValidWeekStartsOn(value = this.weekStartsOn) {
         const normalizedWeekStartsOn = normalizeWeekStartsOn(value);
@@ -828,18 +900,10 @@ const DatePicker = class {
             this.weekStartsOn = normalizedWeekStartsOn;
         }
     }
-    normalizeDateProp(value, propertyName, fallback) {
-        if (value === null && fallback === null)
-            return null;
-        if (value instanceof Date && !Number.isNaN(value.getTime()))
-            return toDateExports.toDate(value);
-        reportInvalidPropValue(this.el, propertyName, value, 'Informe uma instância de Date válida.', `Aplicando fallback ${fallback === null ? 'null' : 'new Date()'}.`);
-        return fallback === null ? null : toDateExports.toDate(fallback);
-    }
     /**
-     * Garante que o locale informado seja suportado.
-     *
+     * Valida e normaliza o `locale` informado.
      * @param value - Valor bruto informado pelo consumidor.
+     * @internal
      */
     ensureValidLocale(value = this.locale) {
         const normalizedLocale = normalizeLocale(value);
@@ -848,16 +912,20 @@ const DatePicker = class {
         }
     }
     /**
-     * Emite o estado consolidado do componente para manter a navegação sincronizada.
+     * Emite `dateStateChange` atualizando `referenceDate`, `value` e `range`.
+     * Zera segundos/milissegundos para consistência.
      *
-     * @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.
+     * @param nextReferenceDate - nova data de referência
+     * @param nextValue - data selecionada ou `null` (por padrão, mantém `this.value`)
+     * @param nextRange - intervalo de datas quando aplicável
+     * @internal
      */
     emitDateStateChange(nextReferenceDate, nextValue = this.value, nextRange = undefined) {
         // Garantir segundos zerados (componente não manipula segundos)
         const normalizedReference = setExports.set(nextReferenceDate, { seconds: 0, milliseconds: 0 });
         const normalizedValue = nextValue === null ? null : setExports.set(nextValue, { seconds: 0, milliseconds: 0 });
         const valueChanged = this.value?.getTime() !== normalizedValue?.getTime();
+        this.referenceDate = normalizedReference;
         this.value = normalizedValue;
         this.dateStateChange.emit({
             referenceDate: normalizedReference,
@@ -872,10 +940,10 @@ const DatePicker = class {
         }
     }
     /**
-     * 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.
+     * Resolve o nome do ícone para a ação de navegação.
+     * @param action - Ação de navegação
+     * @returns Nome do ícone
+     * @internal
      */
     getIconForAction(action) {
         switch (action) {
@@ -888,9 +956,9 @@ const DatePicker = class {
         }
     }
     /**
-     * Aplica a data clicada preservando hora e minuto da referência atual.
-     *
-     * @param date - Dia selecionado no calendário.
+     * Trata o clique numa célula de dia: aplica seleção ou atualiza intervalo.
+     * @param date - dia clicado
+     * @internal
      */
     handleDayClick(date) {
         if (this.disabled || this.isDateDisabled(date)) {
@@ -902,13 +970,17 @@ const DatePicker = class {
             seconds: 0,
             milliseconds: 0,
         });
-        if (this.effectiveSelectionMode === 'range') {
+        if (this.selectionMode === 'range') {
             this.handleRangeDayClick(newDate);
             return;
         }
         this.emitDateStateChange(newDate, newDate);
     }
-    /** Atualiza o intervalo selecionado com base no clique atual. */
+    /**
+     * Atualiza o intervalo selecionado no modo `range`.
+     * @param clickedDate - data clicada pelo usuário
+     * @internal
+     */
     handleRangeDayClick(clickedDate) {
         const start = this.rangeStart;
         const end = this.rangeEnd;
@@ -925,153 +997,205 @@ const DatePicker = class {
             end: normalizedEnd,
         });
     }
-    /** Decrementa o mês mantendo o primeiro dia do mês exibido e preservando a seleção de range. */
+    /**
+     * Decrementa o mês exibido e preserva seleção/intervalo quando aplicável.
+     * @internal
+     */
     decreaseMonth() {
         if (this.disabled) {
             return;
         }
-        const date = setExports.set(subMonthsExports.subMonths(this.baseDate, 1), { date: 1 });
-        const range = this.effectiveSelectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
-            ? { start: this.rangeStart, end: this.rangeEnd }
-            : undefined;
-        this.emitDateStateChange(date, this.value, range);
+        this.navigateToMonth(setExports.set(subMonthsExports.subMonths(this.baseDate, 1), { date: 1 }));
     }
-    /** Incrementa o mês mantendo o primeiro dia do mês exibido e preservando a seleção de range. */
+    /**
+     * Incrementa o mês exibido e preserva seleção/intervalo quando aplicável.
+     * @internal
+     */
     increaseMonth() {
         if (this.disabled) {
             return;
         }
-        const date = setExports.set(addMonthsExports.addMonths(this.baseDate, 1), { date: 1 });
-        const range = this.effectiveSelectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
+        this.navigateToMonth(setExports.set(addMonthsExports.addMonths(this.baseDate, 1), { date: 1 }));
+    }
+    /**
+     * Exibe o mês informado preservando a seleção, o intervalo completo e o dia em foco.
+     *
+     * O foco vai para a data selecionada quando ela pertence ao novo mês; caso
+     * contrário, mantém o mesmo dia do mês, limitado ao último dia disponível
+     * (ex.: 31/01 → 28/02).
+     *
+     * @param monthDate - primeiro dia do mês de destino
+     * @internal
+     */
+    navigateToMonth(monthDate) {
+        const value = this.value;
+        this.focusedDate =
+            value !== null && isSameMonthExports.isSameMonth(value, monthDate)
+                ? value
+                : setExports.set(monthDate, { date: Math.min(this.focusedDate.getDate(), getDaysInMonthExports.getDaysInMonth(monthDate)) });
+        const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
             ? { start: this.rangeStart, end: this.rangeEnd }
             : undefined;
-        this.emitDateStateChange(date, this.value, range);
+        this.emitDateStateChange(monthDate, value, range);
     }
-    /** Indica se um dia está indisponível para seleção. */
+    /**
+     * Verifica se uma data está indisponível para seleção.
+     * @param date - data a verificar
+     * @returns `true` se a data estiver na lista de `disabledDates`
+     * @internal
+     */
     isDateDisabled(date) {
-        return this.normalizedDisabledDates.some((disabledDate) => isSameDayExports.isSameDay(disabledDate, date));
+        return this.disabledDateKeys.has(formatExports.format(date, DAY_KEY_FORMAT));
+    }
+    /**
+     * Chaves locais das datas bloqueadas, recalculadas somente quando `disabledDates` é substituída.
+     * Entradas inválidas são ignoradas.
+     * @internal
+     */
+    get disabledDateKeys() {
+        if (this.disabledDateKeysSource !== this.disabledDates) {
+            this.disabledDateKeysSource = this.disabledDates;
+            this.disabledDateKeysCache = new Set((this.disabledDates ?? [])
+                .map((disabledDate) => toDateExports.toDate(disabledDate))
+                .filter((disabledDate) => !Number.isNaN(disabledDate.getTime()))
+                .map((disabledDate) => formatExports.format(disabledDate, DAY_KEY_FORMAT)));
+        }
+        return this.disabledDateKeysCache;
     }
-    /** Data base usada para todos os cálculos de calendário. */
+    /**
+     * Data base usada para todos os cálculos de calendário.
+     * @returns data de referência interna
+     * @internal
+     */
     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.
+     * Formata o dia exibido com zero à esquerda (ex: '01', '09').
+     * @param date - data a formatar
+     * @returns string com dois dígitos do dia
+     * @internal
      */
-    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 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.
+     * Constrói o rótulo acessível da célula de dia, incluindo estado (selecionado/início/fim).
+     * @param date - dia representado pela célula
+     * @param state - estado já calculado da célula
+     * @returns string para `aria-label`
+     * @internal
      */
-    getDayCellAriaLabel(date) {
+    getDayCellAriaLabel(date, state) {
         const fullDate = formatExports.format(date, "d 'de' MMMM 'de' yyyy", { locale: this.dateFnsLocale });
-        const isSelected = this.effectiveSelectionMode === 'single' && this.value !== null && isSameDayExports.isSameDay(date, this.value);
-        const isRangeStart = this.effectiveSelectionMode === 'range' && this.rangeStart !== null && isSameDayExports.isSameDay(date, this.rangeStart);
-        const isRangeEnd = this.effectiveSelectionMode === 'range' && this.rangeEnd !== null && isSameDayExports.isSameDay(date, this.rangeEnd);
-        const isBetween = this.effectiveSelectionMode === 'range' &&
-            this.rangeStart !== null &&
-            this.rangeEnd !== null &&
-            this.isDateBetweenRange(date, this.rangeStart, this.rangeEnd);
-        if (isSelected)
+        if (state.isSelected)
             return `${fullDate}, selecionado`;
-        if (isRangeStart)
+        if (state.isRangeStart)
             return `${fullDate}, início do intervalo`;
-        if (isRangeEnd)
+        if (state.isRangeEnd)
             return `${fullDate}, fim do intervalo`;
-        if (isBetween)
+        if (state.isInRange)
             return `${fullDate}, no intervalo selecionado`;
         return fullDate;
     }
-    /** Locale do date-fns derivado da prop pública do componente. */
+    /**
+     * Locale do `date-fns` derivado da prop pública `locale`.
+     * @internal
+     */
     get dateFnsLocale() {
         return 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.
+     * Calcula uma única vez o estado de seleção da célula, compartilhado por classes, ARIA e foco.
+     * @param date - dia da grade
+     * @param today - instante atual compartilhado pela renderização da grade
+     * @returns estado da célula
+     * @internal
+     */
+    getDayCellState(date, today) {
+        const isRange = this.selectionMode === 'range';
+        const { value, rangeStart, rangeEnd } = this;
+        return {
+            isToday: isSameDayExports.isSameDay(date, today),
+            isOutsideMonth: !isSameMonthExports.isSameMonth(date, this.baseDate),
+            isSelected: !isRange && value !== null && isSameDayExports.isSameDay(date, value),
+            isRangeStart: isRange && rangeStart !== null && isSameDayExports.isSameDay(date, rangeStart),
+            isRangeEnd: isRange && rangeEnd !== null && isSameDayExports.isSameDay(date, rangeEnd),
+            isInRange: isRange && rangeStart !== null && rangeEnd !== null && this.isDateBetweenRange(date, rangeStart, rangeEnd),
+        };
+    }
+    /**
+     * Calcula o mapa de classes CSS da célula do dia.
+     * @param state - estado já calculado da célula
+     * @param disabled - indica se a célula está bloqueada
+     * @returns mapa de classes booleanas
+     * @internal
      */
-    getDayCssClasses(date) {
-        const selected = this.value;
-        const rangeStart = this.rangeStart;
-        const rangeEnd = this.rangeEnd;
-        const hasRange = rangeStart !== null && rangeEnd !== null;
-        const isRangeStart = rangeStart !== null && isSameDayExports.isSameDay(date, rangeStart);
-        const isRangeEnd = rangeEnd !== null && isSameDayExports.isSameDay(date, rangeEnd);
-        const isBetweenRange = hasRange && this.isDateBetweenRange(date, rangeStart, rangeEnd);
+    getDayCssClasses(state, disabled) {
         return {
             day: true,
-            'outside-month': !isSameMonthExports.isSameMonth(date, this.baseDate),
-            today: isSameDayExports.isSameDay(date, toDateExports.toDate(new Date())),
-            selected: this.effectiveSelectionMode === 'single' && selected !== null && isSameDayExports.isSameDay(date, selected),
-            'range-start': this.effectiveSelectionMode === 'range' && isRangeStart,
-            'range-end': this.effectiveSelectionMode === 'range' && isRangeEnd,
-            'in-range': this.effectiveSelectionMode === 'range' && isBetweenRange,
+            'outside-month': state.isOutsideMonth,
+            today: state.isToday,
+            selected: state.isSelected,
+            'range-start': state.isRangeStart,
+            'range-end': state.isRangeEnd,
+            'in-range': state.isInRange,
+            disabled,
         };
     }
-    /** Normaliza os limites do intervalo para garantir ordem cronológica. */
+    /**
+     * Normaliza os limites do intervalo garantindo ordem cronológica (start <= end).
+     * @param start - data de início
+     * @param end - data de fim
+     * @returns tupla [start, end] na ordem correta
+     * @internal
+     */
     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. */
+    /**
+     * Verifica se uma data está estritamente entre `start` e `end`.
+     * @param date - data a verificar
+     * @param start - início do intervalo
+     * @param end - fim do intervalo
+     * @returns `true` se `start < date < end`
+     * @internal
+     */
     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() {
+    /**
+     * Calcula os limites da grade do mês, respeitando `fixedRowCount`, sem gerar suas datas.
+     * @returns limites inclusivos da grade
+     * @internal
+     */
+    getMonthViewInterval() {
         const start = 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 = 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 = addDaysExports.addDays(end, daysToAdd);
-            }
-        }
-        return eachDayOfIntervalExports.eachDayOfInterval({ start, end });
+        const end = this.fixedRowCount
+            ? addDaysExports.addDays(start, 41)
+            : endOfWeekExports.endOfWeek(endOfMonthExports.endOfMonth(this.baseDate), { weekStartsOn: this.weekStartsOn });
+        return { 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.
+     * Retorna o `focusedDate` normalizado para estar dentro da grade visível.
+     * Se não estiver visível, retorna o primeiro dia da grade.
+     * @param interval - limites da grade atual; calculados quando não fornecidos
+     * @returns data normalizada para foco
+     * @internal
      */
-    getNormalizedFocusedDate() {
-        const visibleDates = this.getMonthViewDates();
-        const isInCurrentMonth = visibleDates.some((d) => isSameDayExports.isSameDay(d, this.focusedDate));
-        if (isInCurrentMonth) {
+    getNormalizedFocusedDate(interval = this.getMonthViewInterval()) {
+        const focusedDay = startOfDayExports.startOfDay(this.focusedDate).getTime();
+        const isVisible = focusedDay >= interval.start.getTime() && focusedDay <= interval.end.getTime();
+        if (isVisible) {
             return this.focusedDate;
         }
-        return visibleDates[0] ?? this.focusedDate;
+        return interval.start;
     }
     /**
-     * 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.
+     * Constrói o rótulo acessível para os botões de navegação.
+     * @param action - ação de navegação
+     * @returns rótulo para `aria-label`
+     * @internal
      */
     getNavigationAriaLabel(action) {
         switch (action) {
@@ -1083,78 +1207,126 @@ const DatePicker = class {
                 return 'Navegar';
         }
     }
-    /** Retorna os rótulos das semanas conforme locale e início da semana. */
+    /**
+     * Retorna os rótulos dos dias da semana conforme `locale` e `weekStartsOn`.
+     * @internal
+     */
     getWeekdayLabels() {
         return getWeekdayLabels(this.locale, this.weekStartsOn);
     }
-    /** Retorna os rótulos dos meses no locale atual. */
+    /**
+     * Retorna os rótulos dos meses no locale atual.
+     * @internal
+     */
     getMonthLabels() {
         return getMonthLabels(this.locale);
     }
     /**
-     * Renderiza um botão consistente de navegação do calendário.
-     *
-     * @param action - Ação executada pelo botão.
+     * Move o foco de teclado para a data informada e atualiza `referenceDate` se necessário.
+     * @param date - data alvo do foco
+     * @returns void
+     * @internal
+     */
+    moveFocusTo(date) {
+        this.focusedDate = date;
+        this.shouldFocusDate = true;
+        if (!isSameMonthExports.isSameMonth(date, this.baseDate)) {
+            this.emitDateStateChange(date, this.value);
+        }
+    }
+    /**
+     * Renderiza um botão de navegação consistente para o calendário.
+     * @param action - ação do botão
+     * @returns elemento JSX do botão de navegação
+     * @internal
      */
     renderNavigationButton(action) {
-        return (h("br-button", { emphasis: "tertiary", density: "small", shape: "circle", disabled: this.disabled, "data-action": action, "aria-label": this.getNavigationAriaLabel(action), onClick: this.handleNavigationClick }, h("br-icon", { iconName: this.getIconForAction(action), width: "20", height: "20", "aria-hidden": "true" })));
+        return (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 }, 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. */
+    /**
+     * Renderiza o cabeçalho do calendário (navegação, mês e ano).
+     * @returns elemento JSX do cabeçalho
+     * @internal
+     */
     renderCalendarHeader() {
         return (h("div", { class: "header", part: "header" }, this.renderNavigationButton(NAVIGATION_ACTION.PREVIOUS_MONTH), this.renderMonthSelection(), this.renderYearSelection(), this.renderNavigationButton(NAVIGATION_ACTION.NEXT_MONTH)));
     }
-    /** Renderiza a seleção de mês com label acessível. */
+    /**
+     * Renderiza o seletor de mês com rótulo acessível.
+     * @returns elemento JSX do seletor de mês
+     * @internal
+     */
     renderMonthSelection() {
         return (h("label", { class: "month-selection" }, h("span", { class: "visually-hidden" }, "Selecionar m\u00EAs"), 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. */
+    /**
+     * Renderiza o campo de ano com rótulo acessível.
+     * @returns elemento JSX do campo de ano
+     * @internal
+     */
     renderYearSelection() {
         return (h("label", { class: "year-selection" }, h("span", { class: "visually-hidden" }, "Selecionar ano"), 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. */
+    /**
+     * Renderiza uma opção do seletor de meses.
+     * @param month - label do mês
+     * @param index - índice do mês (0-11)
+     * @returns elemento `<option>` para o mês
+     * @internal
+     */
     renderMonthOption(month, index) {
         return (h("option", { key: `month-${index}`, value: index, selected: index === this.referenceDate.getMonth() }, month));
     }
-    /** Renderiza a estrutura principal do calendário. */
+    /**
+     * Renderiza a estrutura principal do calendário (grade e cabeçalho).
+     * @returns elemento JSX com a grade do calendário
+     * @internal
+     */
     renderCalendar() {
         const monthLabel = formatExports.format(this.baseDate, "MMMM 'de' yyyy", { locale: this.dateFnsLocale });
-        return (h("div", { class: "calendar", role: "grid", "aria-label": `Calendário de ${monthLabel}`, part: "calendar" }, this.renderWeekdays(), this.renderMonthGrid()));
+        return (h(Fragment, null, h("div", { class: "visually-hidden", "aria-live": "polite" }, monthLabel), 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. */
+    /**
+     * Renderiza os rótulos dos dias da semana.
+     * @returns elemento JSX com os cabeçalhos das colunas dos dias
+     * @internal
+     */
     renderWeekdays() {
         const labels = this.getWeekdayLabels();
-        return (h("div", { class: "weekdays", role: "row", tabIndex: -1, part: "weekdays" }, labels.map((label, index) => (h("div", { key: `weekday-${index}`, class: "weekday", role: "columnheader", tabIndex: -1, "aria-label": label, part: "weekday" }, label)))));
+        const fullNames = getWeekdayFullNames(this.locale, this.weekStartsOn);
+        return (h("div", { class: "weekdays", role: "row", tabIndex: -1, part: "weekdays" }, labels.map((label, index) => (h("div", { key: `weekday-${index}`, class: "weekday", role: "columnheader", tabIndex: -1, "aria-label": fullNames[index], part: "weekday" }, label)))));
     }
-    /** Renderiza a grade com os dias do mês atual. */
+    /**
+     * Renderiza a grade de dias do mês atual.
+     * @returns elemento JSX contendo semanas e dias
+     * @internal
+     */
     renderMonthGrid() {
-        const dates = this.getMonthViewDates();
+        const interval = this.getMonthViewInterval();
+        const dates = eachDayOfIntervalExports.eachDayOfInterval(interval);
+        const normalizedFocusedDate = this.getNormalizedFocusedDate(interval);
+        const today = new Date();
         const weeks = Array.from({ length: Math.ceil(dates.length / 7) }, (_, index) => dates.slice(index * 7, index * 7 + 7));
-        return (h("div", { class: "monthdays", role: "rowgroup", onKeyDown: this.handleGridKeydown, part: "grid" }, weeks.map((week) => (h("div", { key: `week-${formatExports.format(week[0], 'yyyy-MM-dd')}`, class: "week", role: "row", tabIndex: -1 }, week.map(this.renderDayCell, this))))));
+        return (h("div", { class: "monthdays", role: "rowgroup", part: "grid" }, weeks.map((week) => (h("div", { key: `week-${formatExports.format(week[0], DAY_KEY_FORMAT)}`, class: "week", role: "row", tabIndex: -1 }, week.map((date) => this.renderDayCell(date, normalizedFocusedDate, today)))))));
     }
     /**
-     * Move o foco de teclado para a data informada, navegando de mês quando necessário.
-     *
-     * @param date - Data de destino do foco.
+     * Renderiza uma célula de dia com estado visual apropriado.
+     * @param date - data representada pela célula
+     * @param normalizedFocusedDate - data de foco normalizada para a grade atual
+     * @param today - instante atual compartilhado pela renderização da grade
+     * @returns elemento JSX da célula de dia
+     * @internal
      */
-    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.effectiveSelectionMode === 'single' && this.value !== null && isSameDayExports.isSameDay(date, this.value);
-        const isRangeStart = this.effectiveSelectionMode === 'range' && this.rangeStart !== null && isSameDayExports.isSameDay(date, this.rangeStart);
-        const isRangeEnd = this.effectiveSelectionMode === 'range' && this.rangeEnd !== null && isSameDayExports.isSameDay(date, this.rangeEnd);
-        const isActiveDay = isSelected || isRangeStart || isRangeEnd;
-        const isFocused = isSameDayExports.isSameDay(date, this.getNormalizedFocusedDate());
-        return (h("div", { key: formatExports.format(date, 'yyyy-MM-dd'), role: "gridcell", tabIndex: this.disabled ? undefined : isFocused ? 0 : -1, "data-date": 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)));
+    renderDayCell(date, normalizedFocusedDate, today) {
+        const dateKey = formatExports.format(date, DAY_KEY_FORMAT);
+        const disabled = this.disabled || this.disabledDateKeys.has(dateKey);
+        const state = this.getDayCellState(date, today);
+        const isActiveDay = state.isSelected || state.isRangeStart || state.isRangeEnd;
+        const isFocused = isSameDayExports.isSameDay(date, normalizedFocusedDate);
+        return (h("div", { key: dateKey, role: "gridcell", tabIndex: this.disabled ? undefined : isFocused ? 0 : -1, "data-date": dateKey, class: this.getDayCssClasses(state, disabled), onClick: disabled ? undefined : this.handleDayCellClick, onKeyDown: this.handleGridKeydown, "aria-label": this.getDayCellAriaLabel(date, state), "aria-selected": isActiveDay ? 'true' : 'false', "aria-current": state.isToday ? 'date' : null, "aria-disabled": disabled ? 'true' : null, part: "day" }, this.getDayWithLeadingZero(date)));
     }
     render() {
-        return (h(Host, { key: 'bf83467d8324a00d3e1d3dc8912bdc732e33ea77' }, h("div", { key: 'e6501b7d8765b032c3681d3d44937631f342bb15', class: "br-date-picker", part: "container" }, this.renderCalendarHeader(), this.renderCalendar())));
+        return (h(Host, { key: 'd909c9c84061f6b456a0350e2ab3fe6e50cc5d83' }, h("div", { key: 'aba7fc5f0b7bce2a9aa2d95bae9897f138dd8146', class: "br-date-picker", part: "container" }, this.renderCalendarHeader(), this.renderCalendar())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1164,17 +1336,11 @@ const DatePicker = class {
         "value": [{
                 "handleValueChange": 0
             }],
-        "referenceDate": [{
-                "handleReferenceDateChange": 0
-            }],
         "weekStartsOn": [{
                 "handleWeekStartsOnChange": 0
             }],
         "locale": [{
                 "handleLocaleChange": 0
-            }],
-        "disabledDates": [{
-                "handleDisabledDatesChange": 0
             }]
     }; }
 };
@@ -1260,6 +1426,62 @@ function requireGetMinutes () {
 
 var getMinutesExports = /*@__PURE__*/ requireGetMinutes();
 
+/**
+ * Configurações de formato e mensagens usadas por `br-datetime-input`.
+ *
+ * Cada chave representa um modo suportado (`date`, `time`, `datetime`) e
+ * mapeia para um `InputFormatConfig` que descreve máscara de entrada,
+ * contagens de dígitos aceitas, formatos de exibição/parse e mensagens de
+ * validação específicas do modo.
+ *
+ * Mantemos a configuração centralizada para evitar lógica dispersa pelo
+ * componente e permitir alterações de formato em um único local.
+ */
+const INPUT_FORMAT_CONFIG = {
+    date: {
+        mask: '##/##/####',
+        acceptedDigitCounts: [8],
+        fullDigitCount: 8,
+        displayFormat: 'dd/MM/yyyy',
+        parseFormats: ['dd/MM/yyyy'],
+        messages: {
+            incomplete: 'Complete a data no formato DD/MM/AAAA.',
+            invalid: 'Informe uma data válida.',
+            incompleteRange: 'Complete o intervalo no formato DD/MM/AAAA - DD/MM/AAAA.',
+            invalidRange: 'Informe um intervalo de datas válido.',
+        },
+        rangeFormat: 'DD/MM/AAAA - DD/MM/AAAA',
+    },
+    time: {
+        mask: '##:##',
+        acceptedDigitCounts: [4],
+        fullDigitCount: 4,
+        displayFormat: 'HH:mm',
+        parseFormats: ['HH:mm'],
+        messages: {
+            incomplete: 'Complete o horário no formato HH:MM.',
+            invalid: 'Informe um horário válido.',
+            incompleteRange: 'Complete o intervalo no formato HH:MM - HH:MM.',
+            invalidRange: 'Informe um intervalo de horários válido.',
+        },
+        rangeFormat: 'HH:MM - HH:MM',
+    },
+    datetime: {
+        mask: '##/##/#### ##:##',
+        acceptedDigitCounts: [8, 12],
+        fullDigitCount: 12,
+        displayFormat: 'dd/MM/yyyy HH:mm',
+        parseFormats: ['dd/MM/yyyy HH:mm', 'dd/MM/yyyy'],
+        messages: {
+            incomplete: 'Complete a data e hora no formato DD/MM/AAAA HH:MM.',
+            invalid: 'Informe uma data e hora válidas.',
+            incompleteRange: 'Complete o intervalo no formato DD/MM/AAAA HH:MM - DD/MM/AAAA HH:MM.',
+            invalidRange: 'Informe um intervalo de data e hora válido.',
+        },
+        rangeFormat: 'DD/MM/AAAA HH:MM - DD/MM/AAAA HH:MM',
+    },
+};
+
 var formatISO = {};
 
 var hasRequiredFormatISO;
@@ -1378,19 +1600,20 @@ function requireFormatISO () {
 var formatISOExports = /*@__PURE__*/ requireFormatISO();
 
 /**
- * Valida se o modo informado pertence ao conjunto suportado pelo datetime-input.
+ * Verifica se `value` é um modo suportado pelo `br-datetime-input`.
  *
- * @param value - Valor recebido via prop/atributo.
- * @returns `true` quando o modo é válido.
+ * @param {string} value - Valor recebido via prop/atributo.
+ * @returns {value is DatetimePickerMode} `true` quando pertence ao conjunto suportado.
  */
 function isValidDatetimeInputMode(value) {
     return Object.values(DATETIME_PICKER_MODE).includes(value);
 }
 /**
- * Normaliza o modo do datetime-input para um valor suportado.
+ * Normaliza o modo do componente, aplicando o valor padrão quando inválido.
+ * Emite um aviso via `warnInvalidPropValue` quando o valor é inválido.
  *
- * @param value - Valor bruto informado via prop.
- * @returns Modo válido, aplicando o padrão quando necessário.
+ * @param {string} value - Valor bruto recebido via prop.
+ * @returns {DatetimePickerMode} - Modo válido (ou `DATETIME_PICKER_MODE.DEFAULT`).
  */
 function normalizeDatetimeInputMode(value) {
     if (isValidDatetimeInputMode(value))
@@ -1399,19 +1622,21 @@ function normalizeDatetimeInputMode(value) {
     return DATETIME_PICKER_MODE.DEFAULT;
 }
 /**
- * Verifica se o valor informado é uma instância de Date válida.
+ * Retorna `true` quando `value` é uma instância válida de `Date`.
  *
- * @param value - Valor recebido via prop.
- * @returns `true` quando é Date válido.
+ * @param {unknown} value - Valor a ser verificado.
+ * @returns {value is Date} - `true` para instâncias de Date válidas.
  */
 function isValidDateInstance(value) {
     return value instanceof Date && !Number.isNaN(value.getTime());
 }
 /**
- * Normaliza a data de referência para evitar valores inválidos.
+ * Normaliza a `referenceDate` garantindo uma `Date` válida.
+ * Quando `value` for inválido, retorna um fallback (data atual) e emite
+ * um warning com o valor sugerido em ISO.
  *
- * @param value - Valor recebido via prop.
- * @returns Date válido para uso interno.
+ * @param {unknown} value - Valor recebido via prop.
+ * @returns {Date} - Data válida para uso interno.
  */
 function normalizeDatetimeInputReferenceDate(value) {
     if (isValidDateInstance(value))
@@ -1421,10 +1646,11 @@ function normalizeDatetimeInputReferenceDate(value) {
     return fallback;
 }
 /**
- * Normaliza o valor selecionado do input (Date válido ou null).
+ * Normaliza o `value` da prop para `Date` válido ou `null`.
+ * Emite warning quando o valor é inválido e retorna `null`.
  *
- * @param value - Valor recebido via prop.
- * @returns Date válido ou null quando o valor é inválido.
+ * @param {unknown} value - Valor recebido via prop.
+ * @returns {Date | null} - Data válida ou `null`.
  */
 function normalizeDatetimeInputValue(value) {
     if (value === null)
@@ -1435,112 +1661,135 @@ function normalizeDatetimeInputValue(value) {
     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}pre{font-family:monospace;font-size:1em}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,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}fieldset[disabled]{opacity:1}.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)}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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:block;width:100%}br-input[disabled]{opacity:1}`;
+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}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}fieldset[disabled]{opacity:1}.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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:block;width:100%}br-input[disabled]{opacity:1}`;
 
 const DatetimeInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.dateStateChange = createEvent(this, "dateStateChange", 7);
         this.togglePicker = createEvent(this, "togglePicker", 7);
-        /** Valor textual exibido no campo e usado durante a edição manual. */
-        this.inputValue = '';
+        this.inputValidationChange = createEvent(this, "inputValidationChange", 7);
         /**
-         * Define o placeholder do campo de entrada.
+         * Texto de placeholder exibido quando o campo estiver vazio.
          *
          * @default ''
          */
         this.placeholder = '';
         /**
-         * Define o modo de entrada: `date`, `time` ou `datetime`.
+         * Modo de entrada que controla máscara, parser e formato exibido.
          *
          * @default 'datetime'
          */
         this.mode = 'datetime';
         /**
-         * Data de referência que orienta a navegação visual do calendário sem alterar a seleção.
-         * Recebe uma instância de `Date` por property binding.
+         * Data de referência usada para navegação e preenchimento de valores parciais.
          *
          * @default new Date()
-         * @example
-         * ```js
-         * const input = document.querySelector('br-datetime-input');
-         * input.referenceDate = new Date(2026, 8, 1);
-         * ```
          */
         this.referenceDate = new Date();
         /**
-         * Data efetivamente selecionada, ou `null` quando nada foi escolhido; é diferente
-         * de `referenceDate`, que controla apenas a referência visual.
-         * Recebe uma instância de `Date` por property binding.
+         * Valor atualmente selecionado pelo componente.
          *
          * @default null
-         * @example
-         * ```js
-         * const input = document.querySelector('br-datetime-input');
-         * input.value = new Date(2026, 8, 7, 14, 30);
-         * ```
          */
         this.value = null;
         /**
-         * Desabilita digitação e abertura do picker quando ativo.
+         * Controla os estados de read-only ou bloqueio de formulário.
          *
          * @default false
          */
         this.disabled = false;
         /**
-         * Define se a seleção ocorre por data única ou por intervalo.
-         * Aceita `single` ou `range`; valores inválidos usam `single`.
+         * Define o modo de seleção: `single` (valor único) ou `range` (intervalo).
          *
          * @default 'single'
          */
         this.selectionMode = 'single';
         /**
-         * Data inicial do intervalo quando em modo range.
+         * Início do intervalo em `selectionMode === 'range'`.
          *
          * @default null
          */
         this.rangeStart = null;
         /**
-         * Data final do intervalo quando em modo range.
+         * Fim do intervalo em `selectionMode === 'range'`.
          *
          * @default null
          */
         this.rangeEnd = null;
+        /**
+         * Marcador do último texto confirmado (commit) exibido no input.
+         *
+         * @internal
+         * @type {string | null}
+         * @default null
+         */
+        this.lastCommittedInputText = null;
+        /**
+         * Texto atual do campo usado durante a edição manual.
+         *
+         * @internal Mantido localmente; não faz parte do contrato público do componente.
+         * @type {string}
+         * @default ''
+         */
+        this.inputValue = '';
+        /**
+         * Handler do clique no botão de ação interno.
+         *
+         * @param event - Ativação pública da ação do br-input.
+         * @returns {void}
+         */
         this.handleActionButtonClick = (event) => {
             if (this.disabled)
                 return;
             event.stopPropagation();
+            event.detail.originalEvent.stopPropagation();
             this.togglePicker.emit();
         };
         /**
-         * Confirma o conteúdo digitado quando o foco sai do input nativo, inclusive
-         * quando avança para o botão de calendário dentro do mesmo `br-input`.
+         * Blur handler: consome o evento e confirma o conteúdo atual.
+         *
+         * @param {FocusEvent} event - Evento de blur do input.
+         * @returns {void}
          */
         this.handleInputBlur = (event) => {
-            if (!(event.composedPath()[0] instanceof HTMLInputElement)) {
-                return;
-            }
-            if (this.disabled) {
-                return;
-            }
-            this.commitInputValue();
+            event.stopPropagation();
+            this.commitCurrentInput();
+        };
+        /**
+         * Handler para commit disparado pelo `change` do `br-input`.
+         *
+         * @param {Event} event - Evento de change.
+         * @returns {void}
+         */
+        this.handleInputCommit = (event) => {
+            event.stopPropagation();
+            this.commitCurrentInput();
         };
         /**
          * Atualiza o estado local com o valor digitado no campo.
          *
-         * @param event - Evento de input disparado pelo campo textual.
+         * @param {Event} event - Evento de input redistribuído pelo `br-input`.
+         * @returns {void}
          */
         this.handleInputChange = (event) => {
+            event.stopPropagation();
             if (this.disabled) {
                 return;
             }
             const input = event.target;
-            this.inputValue = input.value;
+            this.lastCommittedInputText = null;
+            this.emitInputValidation(null);
+            this.setInternalInputValue(input.value ?? '');
         };
         /**
-         * Permite confirmar a digitação pressionando Enter.
+         * Handler de teclado no campo de entrada.
+         *
+         * Suporta atalhos ARIA (Alt+ArrowDown / F4) para abrir/fechar o picker
+         * e Enter para confirmar a edição.
          *
-         * @param event - Evento de teclado do campo de entrada.
+         * @param {KeyboardEvent} event - Evento de teclado.
+         * @returns {void}
          */
         this.handleInputKeydown = (event) => {
             if (this.disabled) {
@@ -1552,37 +1801,23 @@ const DatetimeInput = class {
                 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;
+            if (event.key === 'Enter' && event.composedPath().some((target) => target instanceof HTMLInputElement)) {
+                // Previne submissão de formulários e garante deduplicação
+                // usando a mesma rotina que blur/change usam.
+                event.preventDefault();
+                this.commitCurrentInput();
             }
-            event.stopPropagation();
-            this.togglePicker.emit();
         };
     }
-    /** Move o foco para o input interno sem expor a árvore privada ao componente pai. @internal */
-    async focusInput() {
-        this.el.shadowRoot?.querySelector('br-input')?.focus();
-    }
-    get effectiveSelectionMode() {
-        return resolveAllowedPropValue(this.el, 'selectionMode', this.selectionMode, ['single', 'range'], 'single');
-    }
+    /**
+     * Watcher: sincroniza `rangeStart`/`rangeEnd` a partir de `rangeValue` controlado.
+     *
+     * @param {DatetimePickerDateRange | undefined} newValue - Novo intervalo ou `undefined`.
+     * @returns {void}
+     */
     handleRangeValueChange(newValue) {
         if (!newValue)
             return;
-        if (!isValidDatetimePickerDateRange(newValue)) {
-            reportInvalidPropValue(this.el, 'rangeValue', newValue, 'Informe um objeto com `start` e `end` como Date válido ou null.', 'Ignorando o intervalo inválido e mantendo o último intervalo efetivo.');
-            return;
-        }
         this.rangeStart = newValue.start;
         this.rangeEnd = newValue.end;
         this.syncInputValueFromProps();
@@ -1592,6 +1827,13 @@ const DatetimeInput = class {
      *
      * @param newValue - Novo valor recebido via prop.
      */
+    /**
+     * Watcher: reage a mudanças externas em `value`, normalizando e sincronizando
+     * o texto exibido no input.
+     *
+     * @param {Date | null} newValue - Novo valor recebido via prop.
+     * @returns {void}
+     */
     handleValueChange(newValue) {
         this.ensureValidValue(newValue);
         this.syncInputValueFromProps();
@@ -1601,6 +1843,12 @@ const DatetimeInput = class {
      *
      * @param newValue - Novo modo recebido via prop.
      */
+    /**
+     * Watcher: aplica normalização do `mode` e atualiza a máscara/valor exibido.
+     *
+     * @param {string} newValue - Novo modo recebido via prop.
+     * @returns {void}
+     */
     handleModeChange(newValue) {
         this.ensureValidMode(newValue);
         this.syncInputValueFromProps();
@@ -1610,6 +1858,12 @@ const DatetimeInput = class {
      *
      * @param newValue - Nova data de referência recebida.
      */
+    /**
+     * Watcher: valida `referenceDate` e resina o input quando não há seleção.
+     *
+     * @param {Date} newValue - Nova data de referência recebida.
+     * @returns {void}
+     */
     handleReferenceDateChange(newValue) {
         this.ensureValidReferenceDate(newValue);
         if (this.value === null) {
@@ -1621,8 +1875,13 @@ const DatetimeInput = class {
      *
      * @param newValue - Nova data inicial do range.
      */
+    /**
+     * Watcher: atualiza a representação textual quando o início do range muda.
+     *
+     * @returns {void}
+     */
     handleRangeStartChange() {
-        if (this.effectiveSelectionMode === 'range') {
+        if (this.selectionMode === 'range') {
             this.syncInputValueFromProps();
         }
     }
@@ -1631,8 +1890,13 @@ const DatetimeInput = class {
      *
      * @param newValue - Nova data final do range.
      */
+    /**
+     * Watcher: atualiza a representação textual quando o fim do range muda.
+     *
+     * @returns {void}
+     */
     handleRangeEndChange() {
-        if (this.effectiveSelectionMode === 'range') {
+        if (this.selectionMode === 'range') {
             this.syncInputValueFromProps();
         }
     }
@@ -1647,41 +1911,36 @@ const DatetimeInput = class {
         this.syncInputValueFromProps();
     }
     /**
-     * Registra os listeners do input nativo e do botão de ação após o DOM estar disponível.
+     * Confirma o conteúdo atual evitando commits duplicados (blur + change).
      *
-     * 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. O blur é observado na raiz
-     * interna porque mover o foco do input para essa ação não desfoca o host `br-input`.
+     * @returns {void}
      */
-    async 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)
-            return;
-        if (!brInput.shadowRoot)
-            await brInput.componentOnReady();
-        if (!this.el.isConnected || !brInput.shadowRoot)
+    commitCurrentInput() {
+        if (this.disabled)
             return;
-        this.inputShadowRoot = brInput.shadowRoot;
-        this.inputShadowRoot.addEventListener('blur', this.handleInputBlur, true);
-        const actionButton = this.inputShadowRoot.querySelector('br-button.button-transform');
-        if (!actionButton)
+        const currentText = this.inputValue.trim();
+        if (this.lastCommittedInputText === currentText)
             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);
+        this.lastCommittedInputText = currentText;
+        this.commitInputValue();
+        this.lastCommittedInputText = this.inputValue.trim();
     }
-    disconnectedCallback() {
-        this.inputShadowRoot?.removeEventListener('blur', this.handleInputBlur, true);
-        this.inputShadowRoot = undefined;
-        this.actionButton?.removeEventListener('click', this.handleActionButtonClick);
-        this.actionButton = undefined;
+    /**
+     * Retorna a máscara delegada ao `br-input` de acordo com o modo atual.
+     *
+     * @returns {string | undefined} - Máscara a ser aplicada, ou `undefined` quando indisponível.
+     */
+    getInputMask() {
+        if (this.selectionMode === 'range') {
+            const boundaryMask = INPUT_FORMAT_CONFIG[this.mode].mask;
+            return `${boundaryMask} - ${boundaryMask}`;
+        }
+        return INPUT_FORMAT_CONFIG[this.mode].mask;
     }
     /**
      * 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.
+     * @returns {string} - Texto anunciado pelo leitor de tela para o ícone de ação.
      */
     getToggleAriaLabel() {
         switch (this.mode) {
@@ -1694,9 +1953,10 @@ const DatetimeInput = class {
         }
     }
     /**
-     * Normaliza o modo de operação para um valor suportado.
+     * Normaliza e aplica um modo válido (`date` | `time` | `datetime`).
      *
-     * @param value - Modo informado externamente.
+     * @param {string} value - Modo informado externamente.
+     * @returns {void}
      */
     ensureValidMode(value = this.mode) {
         const normalizedMode = normalizeDatetimeInputMode(value);
@@ -1705,9 +1965,10 @@ const DatetimeInput = class {
         }
     }
     /**
-     * Garante que a data de referência seja uma instância válida de `Date`.
+     * Garante que `referenceDate` seja uma `Date` válida; caso contrário, normaliza.
      *
-     * @param value - Data de referência recebida via prop.
+     * @param {Date} value - Data de referência recebida via prop.
+     * @returns {void}
      */
     ensureValidReferenceDate(value = this.referenceDate) {
         const normalizedReferenceDate = normalizeDatetimeInputReferenceDate(value);
@@ -1718,7 +1979,8 @@ const DatetimeInput = class {
     /**
      * Normaliza o valor selecionado para `Date` válido ou `null`.
      *
-     * @param value - Valor recebido via prop.
+     * @param {Date | null} value - Valor recebido via prop.
+     * @returns {void}
      */
     ensureValidValue(value = this.value) {
         const normalizedValue = normalizeDatetimeInputValue(value);
@@ -1728,47 +1990,131 @@ const DatetimeInput = class {
     }
     /**
      * Consolida o texto digitado, tenta analisar e emite o novo estado selecionado.
+     *
+     * Trata modos `single` e `range` e valida mensagens de erro apropriadas.
+     *
+     * @returns {void}
      */
     commitInputValue() {
         const inputText = this.inputValue.trim();
         if (inputText === '') {
+            this.emitInputValidation(true);
             this.value = null;
             this.dateStateChange.emit({
                 referenceDate: this.referenceDate,
                 value: null,
+                origin: this.el.tagName,
             });
             this.emitNativeValueChange();
             return;
         }
-        if (this.effectiveSelectionMode === 'range' && this.mode === 'date') {
+        if (this.selectionMode === 'range') {
             const parsedRange = this.parseRangeInput(inputText);
-            if (parsedRange === null)
+            if (parsedRange === null) {
+                this.emitInputValidation(false, this.getRangeValidationMessage(inputText));
+                return;
+            }
+            if (this.mode === 'datetime' && compareAscExports.compareAsc(parsedRange.end, parsedRange.start) < 0) {
+                this.emitInputValidation(false, DATETIME_RANGE_ORDER_MESSAGE);
                 return;
+            }
             const normalizedRange = this.normalizeRangeBounds(parsedRange.start, parsedRange.end);
+            this.emitInputValidation(true);
             this.rangeValue = normalizedRange;
-            this.inputValue = `${this.formatDateByMode(normalizedRange.start)} - ${this.formatDateByMode(normalizedRange.end)}`;
+            this.setInternalInputValue(`${this.formatDateByMode(normalizedRange.start)} - ${this.formatDateByMode(normalizedRange.end)}`);
             this.value = normalizedRange.end;
             this.dateStateChange.emit({
                 referenceDate: normalizedRange.end,
                 value: normalizedRange.end,
                 range: normalizedRange,
+                origin: this.el.tagName,
             });
             this.emitNativeValueChange();
             return;
         }
+        if (!this.isInputComplete(inputText)) {
+            this.emitInputValidation(false, this.getInputValidationMessage(inputText));
+            return;
+        }
         const parsed = this.parseInputValue(inputText);
-        if (parsed === null)
+        if (parsed === null) {
+            this.emitInputValidation(false, this.getInputValidationMessage(inputText));
             return;
+        }
+        this.emitInputValidation(true);
         const newDate = new Date(parsed);
         newDate.setSeconds(0, 0);
-        this.inputValue = this.formatDateByMode(newDate);
+        this.setInternalInputValue(this.formatDateByMode(newDate));
         this.value = newDate;
         this.dateStateChange.emit({
             referenceDate: newDate,
             value: newDate,
+            origin: this.el.tagName,
         });
         this.emitNativeValueChange();
     }
+    /**
+     * Emite o resultado da validação textual sem alterar o valor selecionado.
+     *
+     * @param {boolean} valid - Indica se a entrada é válida.
+     * @param {string} [message] - Mensagem de erro quando inválido.
+     * @returns {void}
+     */
+    emitInputValidation(valid, message = '') {
+        this.inputValidationChange.emit({ valid, message: valid ? '' : message, origin: this.el.tagName });
+    }
+    /**
+     * Verifica se a entrada possui a quantidade de dígitos esperada para o modo atual.
+     *
+     * @param {string} value - Texto de entrada a ser verificado.
+     * @returns {boolean} - `true` quando completo.
+     */
+    isInputComplete(value) {
+        const digits = value.replace(/\D/g, '');
+        const config = INPUT_FORMAT_CONFIG[this.mode];
+        return config.acceptedDigitCounts.includes(digits.length);
+    }
+    /**
+     * Retorna mensagem de validação contextual para uma entrada incompleta ou inválida.
+     *
+     * @param {string} value - Texto de entrada a ser avaliado.
+     * @returns {string} - Mensagem de validação apropriada.
+     */
+    getInputValidationMessage(value) {
+        const digits = value.replace(/\D/g, '');
+        const config = INPUT_FORMAT_CONFIG[this.mode];
+        if (!config)
+            return 'Informe um valor válido.';
+        const digitCount = digits.length;
+        if (this.mode === 'datetime' &&
+            config.acceptedDigitCounts.includes(digitCount) &&
+            digitCount < config.fullDigitCount) {
+            return config.messages.invalid;
+        }
+        return digitCount < config.fullDigitCount ? config.messages.incomplete : config.messages.invalid;
+    }
+    /**
+     * Mensagem específica para o formato de intervalo do modo atual.
+     *
+     * @param {string} value - Texto de intervalo informado no input.
+     * @returns {string} - Mensagem de validação do intervalo.
+     */
+    getRangeValidationMessage(value) {
+        const [startRaw = '', endRaw = ''] = value.split(/\s*-\s*/, 2);
+        const startDigits = startRaw.replace(/\D/g, '');
+        const endDigits = endRaw.replace(/\D/g, '');
+        const config = INPUT_FORMAT_CONFIG[this.mode];
+        const expectedDigits = config.fullDigitCount;
+        if (startDigits.length < expectedDigits || endDigits.length < expectedDigits) {
+            return `Complete o intervalo no formato ${config.rangeFormat}.`;
+        }
+        return config.messages.invalidRange;
+    }
+    /**
+     * Dispara eventos nativos `input` e `change` para compatibilidade com forms.
+     *
+     * @returns {void}
+     */
     emitNativeValueChange() {
         dispatchNativeFormEvent(this.el, 'input');
         dispatchNativeFormEvent(this.el, 'change');
@@ -1790,55 +2136,90 @@ const DatetimeInput = class {
             return null;
         }
         const base = this.referenceDate ?? toDateExports.toDate(new Date());
-        const parsedStart = this.parseDateInput(startText, base);
-        const parsedEnd = this.parseDateInput(endText, base);
+        const parsedStart = this.parseInputValue(startText, this.rangeStart ?? base);
+        const parsedEnd = this.parseInputValue(endText, this.rangeEnd ?? base);
         if (parsedStart === null || parsedEnd === null) {
             return null;
         }
         return { start: parsedStart, end: parsedEnd };
     }
-    /** Normaliza os limites do intervalo para garantir ordem cronológica. */
+    /**
+     * Normaliza os limites do intervalo para garantir ordem cronológica.
+     *
+     * - Em `time` e `datetime` mantém os limites informados.
+     * - Em `date` reordena caso necessário.
+     *
+     * @param {Date} start - Data de início.
+     * @param {Date} end - Data de término.
+     * @returns {{ start: Date; end: Date }} - Limites normalizados.
+     */
     normalizeRangeBounds(start, end) {
+        if (this.mode !== 'date')
+            return { 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.
+     * Sincroniza o texto do input com as props `value`/`rangeStart`/`rangeEnd` e `mode`.
+     *
+     * @returns {void}
      */
     syncInputValueFromProps() {
-        if (this.effectiveSelectionMode === 'range') {
+        if (this.selectionMode === 'range') {
             if (this.rangeStart === null || this.rangeEnd === null) {
-                this.inputValue = '';
+                this.setInternalInputValue('');
                 return;
             }
             const startFormatted = this.formatDateByMode(this.rangeStart);
             const endFormatted = this.formatDateByMode(this.rangeEnd);
-            this.inputValue = `${startFormatted} - ${endFormatted}`;
+            this.setInternalInputValue(`${startFormatted} - ${endFormatted}`);
             return;
         }
         if (this.value === null) {
-            this.inputValue = '';
+            this.setInternalInputValue('');
             return;
         }
-        this.inputValue = this.formatDateByMode(this.value);
+        this.setInternalInputValue(this.formatDateByMode(this.value));
+    }
+    /**
+     * Retorna o elemento interno `<br-input>` quando disponível.
+     *
+     * @internal
+     * @returns {HTMLBrInputElement | null} Elemento interno `<br-input>` ou `null` se não estiver disponível.
+     */
+    getBrInputElement() {
+        return this.el.shadowRoot?.querySelector('br-input');
+    }
+    /**
+     * Define o valor interno do input imperativamente.
+     *
+     * @internal Define o valor interno do input sem re-renderizar o host.
+     * @param {string} value Valor a ser definido no input interno.
+     */
+    setInternalInputValue(value) {
+        this.inputValue = value;
+        const br = this.getBrInputElement();
+        if (br) {
+            // atualiza imperativamente o componente filho sem re-renderizar o host
+            try {
+                br.value = value;
+            }
+            catch { }
+        }
     }
     /**
      * 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.
+     * @param {Date} date - Data a ser formatada para exibição no input.
+     * @returns {string} - Representação textual da data/hora no padrão esperado.
      */
     formatDateByMode(date) {
-        switch (this.mode) {
-            case 'date':
-                return formatExports.format(date, 'dd/MM/yyyy');
-            case 'time':
-                return formatExports.format(date, 'HH:mm');
-            default:
-                return formatExports.format(date, 'dd/MM/yyyy HH:mm');
-        }
+        const config = INPUT_FORMAT_CONFIG[this.mode];
+        return formatExports.format(date, config.displayFormat);
     }
     /**
-     * Retorna as classes CSS base aplicadas ao host visual do componente.
+     * Retorna o mapa de classes CSS aplicado ao host do componente.
+     *
+     * @returns {CssClassMap}
      */
     getCssClassMap() {
         return {
@@ -1848,7 +2229,7 @@ const DatetimeInput = class {
     /**
      * Seleciona o ícone do campo conforme o modo de entrada ativo.
      *
-     * @returns Nome do ícone usado na ação lateral do input.
+     * @returns {string} - Nome do ícone usado na ação lateral do input.
      */
     getInputIcon() {
         switch (this.mode) {
@@ -1861,11 +2242,11 @@ const DatetimeInput = class {
     /**
      * 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.
+     * @param {string} value - Texto informado pelo usuário no input.
+     * @param {Date} [base] - Data base usada para completar valores parciais.
+     * @returns {Date | null} - Data convertida ou `null` quando inválida.
      */
-    parseInputValue(value) {
-        const base = this.value ?? this.referenceDate ?? toDateExports.toDate(new Date());
+    parseInputValue(value, base = this.value ?? this.referenceDate ?? toDateExports.toDate(new Date())) {
         switch (this.mode) {
             case 'date':
                 return this.parseDateInput(value, base);
@@ -1880,12 +2261,14 @@ const DatetimeInput = class {
     /**
      * 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.
+     * @param {string} value - Texto de data digitado pelo usuário.
+     * @param {Date} base - Data base usada para completar informações de tempo.
+     * @returns {Date | null} - Data válida normalizada ou `null` quando o parse falhar.
      */
     parseDateInput(value, base) {
-        const parsedDate = parseExports.parse(value, 'dd/MM/yyyy', base);
+        const config = INPUT_FORMAT_CONFIG[this.mode];
+        const datePattern = config.parseFormats[0];
+        const parsedDate = parseExports.parse(value, datePattern, base);
         if (!isValidExports.isValid(parsedDate))
             return null;
         return setExports.set(parsedDate, {
@@ -1898,12 +2281,14 @@ const DatetimeInput = class {
     /**
      * 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.
+     * @param {string} value - Texto de hora digitado pelo usuário.
+     * @param {Date} base - Data base usada para manter dia, mês e ano.
+     * @returns {Date | null} - Data válida com hora ajustada ou `null` quando inválida.
      */
     parseTimeInput(value, base) {
-        const parsedTime = parseExports.parse(value, 'HH:mm', base);
+        const config = INPUT_FORMAT_CONFIG[this.mode];
+        const timePattern = config.parseFormats[0];
+        const parsedTime = parseExports.parse(value, timePattern, base);
         if (!isValidExports.isValid(parsedTime))
             return null;
         return setExports.set(base, {
@@ -1914,20 +2299,23 @@ const DatetimeInput = class {
         });
     }
     /**
-     * Faz parse de data e hora completas, com fallback para entradas parciais.
+     * Faz parse de data e hora completas, aceitando somente a data como fallback.
      *
-     * @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.
+     * @param {string} value - Texto digitado no input.
+     * @param {Date} base - Data base usada como contexto para completar o parse.
+     * @returns {Date | null} - Data válida a partir da entrada ou `null` quando não reconhecida.
      */
     parseDateTimeInput(value, base) {
+        const config = INPUT_FORMAT_CONFIG[this.mode];
+        const fullPattern = config.parseFormats[0];
+        const fallbackDatePattern = config.parseFormats[1];
         // data + hora
-        const full = parseExports.parse(value, 'dd/MM/yyyy HH:mm', base);
+        const full = parseExports.parse(value, fullPattern, base);
         if (isValidExports.isValid(full))
             return full;
-        // so data -> hora atual
-        const date = this.parseDateInput(value, base);
-        if (date !== null) {
+        // somente data -> preserva a hora da data base
+        const date = parseExports.parse(value, fallbackDatePattern, base);
+        if (isValidExports.isValid(date)) {
             return setExports.set(date, {
                 hours: getHoursExports.getHours(base),
                 minutes: getMinutesExports.getMinutes(base),
@@ -1935,14 +2323,7 @@ const DatetimeInput = class {
                 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 (h("br-input", { type: "text", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, actionLabel: this.getToggleAriaLabel(), onInput: this.handleInputChange, onKeyDown: this.handleInputKeydown, "aria-label": this.getInputAriaLabel(), part: "input" }, h("br-icon", { slot: "action", iconName: this.getInputIcon(), width: "16", height: "16", "aria-hidden": "true", onClick: this.handleToggleDropdown, part: "icon" })));
+        return null;
     }
     /**
      * Retorna o rótulo acessível do campo de entrada de acordo com o modo ativo.
@@ -1959,11 +2340,19 @@ const DatetimeInput = class {
                 return 'Campo de data e hora';
         }
     }
+    /**
+     * Renderiza o campo textual e o ícone de ação do datetime input.
+     *
+     * @returns {JSX.Element}
+     */
+    renderInputField() {
+        return (h("br-input", { type: "text", mask: this.getInputMask(), placeholder: this.placeholder, disabled: this.disabled, actionLabel: this.getToggleAriaLabel(), onInput: this.handleInputChange, onChange: this.handleInputCommit, onBlur: this.handleInputBlur, onKeyDown: this.handleInputKeydown, onBrInputActionClick: this.handleActionButtonClick, "aria-label": this.getInputAriaLabel(), part: "input" }, h("br-icon", { slot: "action", iconName: this.getInputIcon(), width: "16", height: "16", "aria-hidden": "true", part: "icon" })));
+    }
     /**
      * Renderização principal do componente.
      */
     render() {
-        return (h(Host, { key: '8c5536c6a740ac0d42be7bf89ffc1098d896f895' }, h("div", { key: 'c9a1a995838739f5b6e00fcf39a21bee81362e90', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
+        return (h(Host, { key: 'dd5b4fa7df2b33edc9c262b4d7cf0d161ae195b8' }, h("div", { key: '83035393364d795eeb46f7a9f03309e33d53aa42', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -2221,57 +2610,79 @@ function requireSubMinutes () {
 var subMinutesExports = /*@__PURE__*/ requireSubMinutes();
 
 /**
- * Conjunto de campos suportados pelo time picker.
+ * Conjunto imutável dos campos suportados pelo `br-time-picker`.
  *
- * Esses valores são usados como contrato entre a renderização do campo e a lógica de commit.
+ * @readonly
+ * @constant {Readonly<Record<string, string>>}
  */
 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}pre{font-family:monospace;font-size:1em}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,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}fieldset[disabled]{opacity:1}.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)}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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}: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 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}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}fieldset[disabled]{opacity:1}.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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}: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) {
         registerInstance(this, hostRef);
         this.dateStateChange = createEvent(this, "dateStateChange", 7);
-        /** Mantém o rascunho digitado por campo para evitar aplicar valor parcial prematuramente. */
-        this.timeDraft = {};
         /**
-         * Data usada como referência para a navegação de hora e minuto, sem representar necessariamente a seleção.
-         * Recebe uma instância de `Date` por property binding; valores inválidos usam a data atual.
+         * Data de referência usada para exibir e ajustar hora e minuto.
          *
-         * @example
-         * ```js
-         * const timePicker = document.querySelector('br-time-picker');
-         * timePicker.referenceDate = new Date(2026, 8, 7, 9);
-         * ```
+         * @default new Date()
          */
         this.referenceDate = new Date();
         /**
-         * Data que contém a hora e o minuto efetivamente selecionados, ou `null` quando vazio.
-         * Recebe uma instância de `Date` por property binding; datas inválidas usam `null`.
+         * Valor selecionado pelo usuário.
          *
-         * @example
-         * ```js
-         * const timePicker = document.querySelector('br-time-picker');
-         * timePicker.value = new Date(2026, 8, 7, 14, 30);
-         * ```
+         * @default null
          */
         this.value = null;
-        /** Desabilita todos os controles de navegação e edição de hora/minuto. */
+        /**
+         * Indica se os controles do seletor estão desabilitados.
+         *
+         * @default false
+         */
         this.disabled = false;
-        /** Cacheia handlers por tipo de campo para preservar a mesma referência entre renderizações. */
+        /**
+         * Rascunho dos valores digitados por cada campo (`hour` | `minute`).
+         * Mantém entradas parciais até o commit por blur/Enter.
+         */
+        this.timeDraft = {};
+        /**
+         * Mapa memorizado de handlers para o evento `input` por tipo de campo.
+         *
+         * Motivo: evita recriar closures a cada render, reduz alocação e mantém
+         * identidade das funções (útil para comparação/remoção quando necessário).
+         *
+         * @private
+         * @type {Map<InputTimeType, (event: Event) => void>}
+         */
         this.timeInputChangeHandlers = new Map();
-        /** Cacheia handlers de commit por tipo de campo. */
+        /**
+         * Mapa memorizado de handlers de commit (blur/confirm) por tipo de campo.
+         *
+         * Contém funções que finalizam o rascunho e aplicam o valor via
+         * `handleTimeInputCommit(type)`.
+         *
+         * @private
+         * @type {Map<InputTimeType, () => void>}
+         */
         this.timeInputCommitHandlers = new Map();
-        /** Cacheia handlers de teclado por tipo de campo. */
+        /**
+         * Mapa memorizado de handlers de teclado por tipo de campo.
+         *
+         * Suporta comportamento de `Enter` (confirma) e setas para ajuste.
+         * Memorizar evita recriar closures e melhora performance em re-renders.
+         *
+         * @private
+         * @type {Map<InputTimeType, (event: KeyboardEvent) => void>}
+         */
         this.timeInputKeydownHandlers = new Map();
         /**
          * Executa a navegação associada ao botão clicado.
          *
-         * @param event - Clique disparado pelo botão de navegação.
+         * @param {MouseEvent} event - Clique disparado pelo botão de navegação.
          */
         this.handleNavigationClick = (event) => {
             if (this.disabled) {
@@ -2301,8 +2712,8 @@ const TimePicker = class {
         /**
          * 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.
+         * @param {Event} event - Evento de input do campo de hora ou minuto.
+         * @param {InputTimeType} type - Campo que está sendo editado.
          */
         this.handleTimeInputChange = (event, type) => {
             if (this.disabled) {
@@ -2313,41 +2724,38 @@ const TimePicker = class {
             this.timeDraft = { ...this.timeDraft, [type]: value };
         };
     }
-    handleReferenceDateChange(newValue) {
-        const normalizedReferenceDate = this.normalizeDateProp(newValue, 'referenceDate', new Date());
-        const receivedTime = newValue instanceof Date && !Number.isNaN(newValue.getTime()) ? newValue.getTime() : null;
-        if (normalizedReferenceDate.getTime() !== receivedTime)
-            this.referenceDate = normalizedReferenceDate;
-    }
+    /**
+     * Sincroniza `referenceDate` quando a prop `value` muda.
+     *
+     * Normaliza segundos/milissegundos e restaura rascunhos locais.
+     *
+     * @param {Date | null} newValue - Novo valor vindo da prop `value`.
+     * @returns {void}
+     */
     handleValueChange(newValue) {
-        const normalizedValue = this.normalizeDateProp(newValue, 'value', null);
-        const receivedTime = newValue instanceof Date && !Number.isNaN(newValue.getTime()) ? newValue.getTime() : null;
-        if ((normalizedValue?.getTime() ?? null) !== receivedTime)
-            this.value = normalizedValue;
+        if (newValue === null || !(newValue instanceof Date) || Number.isNaN(newValue.getTime())) {
+            return;
+        }
+        const normalizedValue = setExports.set(toDateExports.toDate(newValue), { seconds: 0, milliseconds: 0 });
+        if (this.referenceDate.getTime() !== normalizedValue.getTime()) {
+            this.referenceDate = normalizedValue;
+        }
+        this.timeDraft = {};
     }
     componentWillLoad() {
-        this.referenceDate = this.normalizeDateProp(this.referenceDate, 'referenceDate', new Date());
-        this.value = this.normalizeDateProp(this.value, 'value', null);
         this.referenceDate = resolveSsrLocalDate(this.el, this.referenceDate);
     }
-    normalizeDateProp(value, propertyName, fallback) {
-        if (value === null && fallback === null)
-            return null;
-        if (value instanceof Date && !Number.isNaN(value.getTime()))
-            return toDateExports.toDate(value);
-        reportInvalidPropValue(this.el, propertyName, value, 'Informe uma instância de Date válida.', `Aplicando fallback ${fallback === null ? 'null' : 'new Date()'}.`);
-        return fallback === null ? null : toDateExports.toDate(fallback);
-    }
     /**
      * 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.
+     * @param {Date} nextReferenceDate - Nova data de referência após a interação.
+     * @param {Date | null} nextValue - Valor final selecionado; quando omitido, assume a data de referência.
      */
     emitDateStateChange(nextReferenceDate, nextValue = toDateExports.toDate(new Date(nextReferenceDate))) {
         // Ao emitir, garantir segundos zerados (componente não controla segundos)
         const normalizedReference = setExports.set(nextReferenceDate, { seconds: 0, milliseconds: 0 });
         const normalizedValue = nextValue === null ? null : setExports.set(nextValue, { seconds: 0, milliseconds: 0 });
+        this.referenceDate = normalizedReference;
         this.value = normalizedValue;
         this.dateStateChange.emit({
             referenceDate: normalizedReference,
@@ -2359,8 +2767,8 @@ const TimePicker = class {
     /**
      * 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.
+     * @param {NavigationAction} action - Ação representada pelo botão.
+     * @returns {string} O nome do ícone ou uma string vazia quando a ação não é reconhecida.
      */
     getIconForAction(action) {
         switch (action) {
@@ -2377,7 +2785,7 @@ const TimePicker = class {
     /**
      * Aplica o valor digitado ao estado do componente quando o campo é concluído.
      *
-     * @param type - Campo que será aplicado.
+     * @param {InputTimeType} type - Campo que será aplicado.
      */
     handleTimeInputCommit(type) {
         if (this.disabled) {
@@ -2407,8 +2815,8 @@ const TimePicker = class {
     /**
      * 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.
+     * @param {NavigationAction} action - Ação que o botão executa.
+     * @returns {string} Texto acessível do botão.
      */
     getNavigationAriaLabel(action) {
         switch (action) {
@@ -2532,6 +2940,13 @@ const TimePicker = class {
         }
         return handler;
     }
+    /**
+     * Ajusta o valor do campo via teclado (ArrowUp/ArrowDown).
+     *
+     * @param event - Evento de teclado que disparou a ação.
+     * @param type - Tipo do campo (`hour` | `minute`) a ser ajustado.
+     * @returns void
+     */
     adjustTimeInputWithKeyboard(event, type) {
         if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown')
             return;
@@ -2542,22 +2957,38 @@ const TimePicker = class {
         }
         type === INPUT_TIME_TYPE.HOUR ? this.decreaseHour() : this.decreaseMinute();
     }
-    /** Incrementa a hora mantendo os demais componentes da data intactos. */
+    /**
+     * Incrementa a hora sem alterar os demais componentes da data.
+     *
+     * @returns void
+     */
     increaseHour() {
         const date = addHoursExports.addHours(this.referenceDate, 1);
         this.emitDateStateChange(date);
     }
-    /** Incrementa o minuto mantendo os demais componentes da data intactos. */
+    /**
+     * Incrementa o minuto sem alterar os demais componentes da data.
+     *
+     * @returns void
+     */
     increaseMinute() {
         const date = addMinutesExports.addMinutes(this.referenceDate, 1);
         this.emitDateStateChange(date);
     }
-    /** Decrementa a hora mantendo os demais componentes da data intactos. */
+    /**
+     * Decrementa a hora sem alterar os demais componentes da data.
+     *
+     * @returns void
+     */
     decreaseHour() {
         const date = subHoursExports.subHours(this.referenceDate, 1);
         this.emitDateStateChange(date);
     }
-    /** Decrementa o minuto mantendo os demais componentes da data intactos. */
+    /**
+     * Decrementa o minuto sem alterar os demais componentes da data.
+     *
+     * @returns void
+     */
     decreaseMinute() {
         const date = subMinutesExports.subMinutes(this.referenceDate, 1);
         this.emitDateStateChange(date);
@@ -2565,32 +2996,40 @@ const TimePicker = class {
     /**
      * Renderiza um botão de navegação consistente para hora ou minuto.
      *
-     * @param action - Ação que o botão executará.
+     * @param {NavigationAction} action - Ação que o botão executará.
+     * @returns {JSX.Element}
      */
     renderNavigationButton(action) {
         return (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 }, h("br-icon", { iconName: this.getIconForAction(action), width: "20", height: "20", "aria-hidden": "true" })));
     }
-    /** Renderiza o bloco completo de hora e minuto. */
+    /**
+     * Renderiza o bloco completo de hora e minuto.
+     *
+     * @returns {JSX.Element}
+     */
     renderTimePicker() {
         return (h("div", { class: "timer", role: "group", "aria-label": "Seletor de hora e minuto", part: "timer" }, this.renderTimeField(INPUT_TIME_TYPE.HOUR), 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.
+     * @param {InputTimeType} type - Tipo do campo a ser exibido.
+     * @returns {JSX.Element}
      */
     renderTimeField(type) {
         const { nextAction, prevAction } = this.getTimeFieldConfig(type);
         return (h("div", { class: "time-field", part: "field" }, this.renderNavigationButton(nextAction), 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 principal do componente.
+     *
+     * @returns {JSX.Element}
+     */
     render() {
-        return (h(Host, { key: 'c89413711940ab403593c5e7a61a7cce26e2fc98' }, h("div", { key: '98688b192d54e60106f8420dd932a709470b5379', class: "br-time-picker", part: "container" }, this.renderTimePicker())));
+        return (h(Host, { key: 'e81125092811d06b37cdd61d562998de83020880' }, h("div", { key: 'df218ea0cc8424f55ed0689e5479ef47cdbee74c', class: "br-time-picker", part: "container" }, this.renderTimePicker())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "referenceDate": [{
-                "handleReferenceDateChange": 0
-            }],
         "value": [{
                 "handleValueChange": 0
             }]