npm - @govbr-ds/webcomponents - Versions diffs - 2.3.0 → 2.4.0 - Mend

@govbr-ds/webcomponents 2.3.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (596) hide show

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

@@ -3,12 +3,11 @@
  * © 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 resolveDateFnsLocale, s as startOfWeekExports, a as addDaysExports, g as getWeekdayLabels, b as getMonthLabels } from './index-CytVKoHT.js';
+import { b as requireToDate, a as requireConstructFrom, g as requireDefaultOptions, h as requireNormalizeDates, i as requireStartOfDay, d as DATETIME_PICKER_LOCALE, N as NAVIGATION_ACTION, f as formatExports, j as requireAddLeadingZeros, D as DATETIME_PICKER_MODE, e as DATETIME_RANGE_ORDER_MESSAGE, c as requireConstants } from './datetime-picker-constants-DDc4sADe.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-Bee0Uvqc.js';
+import { d as dispatchNativeFormEvent } from './event-6Da1SZ3J.js';
+import { w as warnInvalidPropValue } from './prop-warning-BlGV-x0w.js';
 var addMonths = {};
@@ -393,6 +392,8 @@ function requireIsSameMonth () {
 var isSameMonthExports = /*@__PURE__*/ requireIsSameMonth();
+var startOfDayExports = /*@__PURE__*/ requireStartOfDay();
 var startOfMonth = {};
 var hasRequiredStartOfMonth;
@@ -487,19 +488,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 +510,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 +525,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 +538,79 @@ 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)}`;
 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.
+         * Handler de mudança do seletor de mês.
+         * @param event - evento de mudança do `<select>`
+         * @internal
          */
         this.handleMonthChange = (event) => {
             if (this.disabled) {
@@ -624,12 +626,18 @@ const DatePicker = class {
             this.emitDateStateChange(date);
         };
         /**
-         * 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 +654,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) {
@@ -661,22 +670,35 @@ const DatePicker = class {
                 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
+            const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
                 ? { start: this.rangeStart, end: this.rangeEnd }
                 : undefined;
             this.emitDateStateChange(date, this.value, range);
         };
         /**
-         * Gerencia a navegação por teclado dentro da grade de dias.
-         *
-         * Teclas suportadas:
-         * - `ArrowLeft` / `ArrowRight`: avança ou recua um dia.
-         * - `ArrowUp` / `ArrowDown`: avança ou recua sete dias (linha inteira).
-         * - `PageUp` / `PageDown`: navega entre meses.
-         * - `Home` / `End`: primeiro ou último dia da semana atual.
-         * - `Enter` / `Space`: seleciona o dia com foco.
-         *
-         * @param event - Evento de teclado disparado na grade.
+         * 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, 'yyyy-MM-dd', 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, Home/End, Enter/Space.
+         * @param event - evento de teclado
+         * @returns void
+         * @internal
          */
         this.handleGridKeydown = (event) => {
             const HANDLED_KEYS = [
@@ -693,12 +715,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, 'yyyy-MM-dd', new Date());
+            }
+            else {
+                event.preventDefault();
+                current = this.getNormalizedFocusedDate();
+            }
             if (event.key === 'Enter' || event.key === ' ') {
                 if (!this.isDateDisabled(current)) {
                     this.handleDayClick(current);
@@ -737,47 +769,41 @@ 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.
+     */
+    /**
+     * Observador para a prop `value` — atualiza `focusedDate` quando a seleção externa muda.
+     * @param {Date | null} newValue - novo valor de seleção (ou `null`)
+     * @internal
      */
     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;
+        if (newValue !== null) {
+            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,29 +811,22 @@ 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;
@@ -818,9 +837,9 @@ const DatePicker = class {
         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 +847,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 +859,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 +887,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 +903,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 +917,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,66 +944,72 @@ 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
+        const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
             ? { start: this.rangeStart, end: this.rangeEnd }
             : undefined;
         this.emitDateStateChange(date, this.value, range);
     }
-    /** Incrementa o mês mantendo o primeiro dia do mês exibido e preservando a seleção de range. */
+    /**
+     * 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
+        const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
             ? { start: this.rangeStart, end: this.rangeEnd }
             : undefined;
         this.emitDateStateChange(date, this.value, range);
     }
-    /** Indica se um dia está indisponível para seleção. */
+    /**
+     * 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.disabledDates.some((disabledDate) => isSameDayExports.isSameDay(disabledDate, date));
     }
-    /** 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
+     * @returns string para `aria-label`
+     * @internal
      */
     getDayCellAriaLabel(date) {
         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' &&
+        const isSelected = this.selectionMode === 'single' && this.value !== null && isSameDayExports.isSameDay(date, this.value);
+        const isRangeStart = this.selectionMode === 'range' && this.rangeStart !== null && isSameDayExports.isSameDay(date, this.rangeStart);
+        const isRangeEnd = this.selectionMode === 'range' && this.rangeEnd !== null && isSameDayExports.isSameDay(date, this.rangeEnd);
+        const isBetween = this.selectionMode === 'range' &&
             this.rangeStart !== null &&
             this.rangeEnd !== null &&
             this.isDateBetweenRange(date, this.rangeStart, this.rangeEnd);
@@ -998,16 +1023,21 @@ const DatePicker = class {
             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 o mapa de classes CSS da célula do dia.
+     * @param date - dia da grade
+     * @param today - instante atual compartilhado pela renderização da grade
+     * @returns mapa de classes booleanas
+     * @internal
      */
-    getDayCssClasses(date) {
+    getDayCssClasses(date, today) {
         const selected = this.value;
         const rangeStart = this.rangeStart;
         const rangeEnd = this.rangeEnd;
@@ -1018,60 +1048,66 @@ const DatePicker = class {
         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,
+            today: isSameDayExports.isSameDay(date, today),
+            selected: this.selectionMode === 'single' && selected !== null && isSameDayExports.isSameDay(date, selected),
+            'range-start': this.selectionMode === 'range' && isRangeStart,
+            'range-end': this.selectionMode === 'range' && isRangeEnd,
+            'in-range': this.selectionMode === 'range' && isBetweenRange,
         };
     }
-    /** Normaliza os limites do intervalo para garantir ordem cronológica. */
+    /**
+     * 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 +1119,127 @@ 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()));
     }
-    /** 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)))));
     }
-    /** 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], 'yyyy-MM-dd')}`, 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) {
+    renderDayCell(date, normalizedFocusedDate, today) {
+        const dateKey = formatExports.format(date, 'yyyy-MM-dd');
         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 isSelected = this.selectionMode === 'single' && this.value !== null && isSameDayExports.isSameDay(date, this.value);
+        const isRangeStart = this.selectionMode === 'range' && this.rangeStart !== null && isSameDayExports.isSameDay(date, this.rangeStart);
+        const isRangeEnd = this.selectionMode === '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)));
+        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(date, today), disabled }, onClick: disabled ? undefined : this.handleDayCellClick, onKeyDown: disabled ? undefined : this.handleGridKeydown, "aria-label": this.getDayCellAriaLabel(date), "aria-selected": isActiveDay ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, part: "day" }, this.getDayWithLeadingZero(date)));
     }
     render() {
-        return (h(Host, { key: 'bf83467d8324a00d3e1d3dc8912bdc732e33ea77' }, h("div", { key: 'e6501b7d8765b032c3681d3d44937631f342bb15', class: "br-date-picker", part: "container" }, this.renderCalendarHeader(), this.renderCalendar())));
+        return (h(Host, { key: '652b18891338dd9d009e87fb2383dc3c1c78c6ee' }, h("div", { key: '3c441b0df40d69767ee4c3e8166e9403988def5d', class: "br-date-picker", part: "container" }, this.renderCalendarHeader(), this.renderCalendar())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1164,17 +1249,11 @@ const DatePicker = class {
         "value": [{
                 "handleValueChange": 0
             }],
-        "referenceDate": [{
-                "handleReferenceDateChange": 0
-            }],
         "weekStartsOn": [{
                 "handleWeekStartsOnChange": 0
             }],
         "locale": [{
                 "handleLocaleChange": 0
-            }],
-        "disabledDates": [{
-                "handleDisabledDatesChange": 0
             }]
     }; }
 };
@@ -1260,6 +1339,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 +1513,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 +1535,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 +1559,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 +1574,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 +1714,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 +1740,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 +1756,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 +1771,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 +1788,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 +1803,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 +1824,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 +1866,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 +1878,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 +1892,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 +1903,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 +2049,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 +2142,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 +2155,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 +2174,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 +2194,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 +2212,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 +2236,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 +2253,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: '40033b7b73bd1760cf07c5b4797a86e918fde54b' }, h("div", { key: '31e968efbb7a6f43acb8a67fb225d6e0159af7f9', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -2221,57 +2523,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 canônico 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 +2625,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 +2637,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 +2680,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 +2698,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 +2728,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 +2853,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 +2870,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 +2909,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: '1957a00098311a26b250bad62c885fc636072b30' }, h("div", { key: '0dd334340ba7da6cbc53d72183b862770d275856', class: "br-time-picker", part: "container" }, this.renderTimePicker())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "referenceDate": [{
-                "handleReferenceDateChange": 0
-            }],
         "value": [{
                 "handleValueChange": 0
             }]