[{"data":1,"prerenderedAt":1093},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-none":377,"page-en-\u002Fcomponents\u002Fbb-time-picker-input":378,"pt-showcase-BbTimePickerInput":748},{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":4,"\u002Fen\u002Fcomponents\u002Fbb-accordion":5,"\u002Fit\u002Fcomponenti\u002Fbb-alert":6,"\u002Fen\u002Fcomponents\u002Fbb-alert":7,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":8,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":9,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":10,"\u002Fen\u002Fcomponents\u002Fbb-avatar":11,"\u002Fit\u002Fcomponenti\u002Fbb-badge":12,"\u002Fen\u002Fcomponents\u002Fbb-badge":13,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":14,"\u002Fen\u002Fcomponents\u002Fbb-base-button":15,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":16,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":17,"\u002Fit\u002Fcomponenti\u002Fbb-button":18,"\u002Fen\u002Fcomponents\u002Fbb-button":19,"\u002Fit\u002Fcomponenti\u002Fbb-calendar":20,"\u002Fen\u002Fcomponents\u002Fbb-calendar":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":23,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":24,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":25,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":26,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":28,"\u002Fen\u002Fcomponents\u002Fbb-color-input":29,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":30,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":31,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":32,"\u002Fen\u002Fcomponents\u002Fbb-confirm":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":35,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":36,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":37,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":38,"\u002Fen\u002Fcomponents\u002Fbb-dialog":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":42,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":43,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":44,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":45,"\u002Fit\u002Fcomponenti\u002Fbb-form":46,"\u002Fen\u002Fcomponents\u002Fbb-form":47,"\u002Fit\u002Fcomponenti\u002Fbb-hover-card":48,"\u002Fen\u002Fcomponents\u002Fbb-hover-card":49,"\u002Fit\u002Fcomponenti\u002Fbb-icon":50,"\u002Fen\u002Fcomponents\u002Fbb-icon":51,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":52,"\u002Fen\u002Fcomponents\u002Fbb-indicator":53,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":54,"\u002Fen\u002Fcomponents\u002Fbb-number-input":55,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":56,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":57,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":58,"\u002Fen\u002Fcomponents\u002Fbb-pagination":59,"\u002Fit\u002Fcomponenti\u002Fbb-popover":60,"\u002Fen\u002Fcomponents\u002Fbb-popover":61,"\u002Fit\u002Fcomponenti\u002Fbb-progress":62,"\u002Fen\u002Fcomponents\u002Fbb-progress":63,"\u002Fit\u002Fcomponenti\u002Fbb-radio":64,"\u002Fen\u002Fcomponents\u002Fbb-radio":65,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":66,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":67,"\u002Fit\u002Fcomponenti\u002Fbb-rating":68,"\u002Fen\u002Fcomponents\u002Fbb-rating":69,"\u002Fit\u002Fcomponenti\u002Fbb-select":70,"\u002Fen\u002Fcomponents\u002Fbb-select":71,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":72,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":73,"\u002Fit\u002Fcomponenti\u002Fbb-slider":74,"\u002Fen\u002Fcomponents\u002Fbb-slider":75,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":76,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":77,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":78,"\u002Fen\u002Fcomponents\u002Fbb-spinner":79,"\u002Fit\u002Fcomponenti\u002Fbb-switch":80,"\u002Fen\u002Fcomponents\u002Fbb-switch":81,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":82,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":83,"\u002Fit\u002Fcomponenti\u002Fbb-table":84,"\u002Fen\u002Fcomponents\u002Fbb-table":85,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":86,"\u002Fen\u002Fcomponents\u002Fbb-tabs":87,"\u002Fit\u002Fcomponenti\u002Fbb-tag":88,"\u002Fen\u002Fcomponents\u002Fbb-tag":89,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":90,"\u002Fen\u002Fcomponents\u002Fbb-text-input":91,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":92,"\u002Fen\u002Fcomponents\u002Fbb-textarea":93,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":94,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":95,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":96,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":97,"\u002Fit\u002Fcomponenti\u002Fbb-toast":98,"\u002Fen\u002Fcomponents\u002Fbb-toast":99,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":100,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":101,"\u002Fit\u002Fcomponenti\u002Fbb-tree":102,"\u002Fen\u002Fcomponents\u002Fbb-tree":103,"\u002Fit\u002Fguide\u002Fadoption-checklist":104,"\u002Fen\u002Fguides\u002Fadoption-checklist":105,"\u002Fit\u002Fguide\u002Fai-agents":106,"\u002Fen\u002Fguides\u002Fai-agents":107,"\u002Fit\u002Fguide\u002Fcoherence":108,"\u002Fen\u002Fguides\u002Fcoherence":109,"\u002Fit\u002Fguide\u002Fdesign-language":110,"\u002Fen\u002Fguides\u002Fdesign-language":111,"\u002Fit\u002Fguide\u002Fdesign-tokens":112,"\u002Fen\u002Fguides\u002Fdesign-tokens":113,"\u002Fit\u002Fguide\u002Ffetching-data":114,"\u002Fen\u002Fguides\u002Ffetching-data":115,"\u002Fit\u002Fguide\u002Ficons":116,"\u002Fen\u002Fguides\u002Ficons":117,"\u002Fit\u002Fguide\u002Finertia":118,"\u002Fen\u002Fguides\u002Finertia":119,"\u002Fit\u002Fguide\u002Finstallation":120,"\u002Fen\u002Fguides\u002Finstallation":121,"\u002Fit\u002Fguide\u002Fmigration":122,"\u002Fen\u002Fguides\u002Fmigration":123,"\u002Fit\u002Fguide\u002Fnuxt":124,"\u002Fen\u002Fguides\u002Fnuxt":125,"\u002Fit\u002Fguide\u002Foptions-and-items":126,"\u002Fen\u002Fguides\u002Foptions-and-items":127,"\u002Fit\u002Fguide\u002Fpassthrough":128,"\u002Fen\u002Fguides\u002Fpassthrough":129,"\u002Fit\u002Fguide\u002Fpreset-components":130,"\u002Fen\u002Fguides\u002Fpreset-components":131,"\u002Fit\u002Fguide\u002Fvalidated-forms":132,"\u002Fen\u002Fguides\u002Fvalidated-forms":133},"\u002Fen\u002Fcomponents\u002Fbb-accordion","\u002Fit\u002Fcomponenti\u002Fbb-accordion","\u002Fen\u002Fcomponents\u002Fbb-alert","\u002Fit\u002Fcomponenti\u002Fbb-alert","\u002Fen\u002Fcomponents\u002Fbb-asterisk","\u002Fit\u002Fcomponenti\u002Fbb-asterisk","\u002Fen\u002Fcomponents\u002Fbb-avatar","\u002Fit\u002Fcomponenti\u002Fbb-avatar","\u002Fen\u002Fcomponents\u002Fbb-badge","\u002Fit\u002Fcomponenti\u002Fbb-badge","\u002Fen\u002Fcomponents\u002Fbb-base-button","\u002Fit\u002Fcomponenti\u002Fbb-base-button","\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs","\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs","\u002Fen\u002Fcomponents\u002Fbb-button","\u002Fit\u002Fcomponenti\u002Fbb-button","\u002Fen\u002Fcomponents\u002Fbb-calendar","\u002Fit\u002Fcomponenti\u002Fbb-calendar","\u002Fen\u002Fcomponents\u002Fbb-checkbox","\u002Fit\u002Fcomponenti\u002Fbb-checkbox","\u002Fen\u002Fcomponents\u002Fbb-checkbox-group","\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group","\u002Fen\u002Fcomponents\u002Fbb-collapsible","\u002Fit\u002Fcomponenti\u002Fbb-collapsible","\u002Fen\u002Fcomponents\u002Fbb-color-input","\u002Fit\u002Fcomponenti\u002Fbb-color-input","\u002Fen\u002Fcomponents\u002Fbb-color-palette","\u002Fit\u002Fcomponenti\u002Fbb-color-palette","\u002Fen\u002Fcomponents\u002Fbb-confirm","\u002Fit\u002Fcomponenti\u002Fbb-confirm","\u002Fen\u002Fcomponents\u002Fbb-date-picker","\u002Fit\u002Fcomponenti\u002Fbb-date-picker","\u002Fen\u002Fcomponents\u002Fbb-date-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input","\u002Fen\u002Fcomponents\u002Fbb-dialog","\u002Fit\u002Fcomponenti\u002Fbb-dialog","\u002Fen\u002Fcomponents\u002Fbb-dropdown","\u002Fit\u002Fcomponenti\u002Fbb-dropdown","\u002Fen\u002Fcomponents\u002Fbb-dropdown-button","\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button","\u002Fen\u002Fcomponents\u002Fbb-dropzone","\u002Fit\u002Fcomponenti\u002Fbb-dropzone","\u002Fen\u002Fcomponents\u002Fbb-form","\u002Fit\u002Fcomponenti\u002Fbb-form","\u002Fen\u002Fcomponents\u002Fbb-hover-card","\u002Fit\u002Fcomponenti\u002Fbb-hover-card","\u002Fen\u002Fcomponents\u002Fbb-icon","\u002Fit\u002Fcomponenti\u002Fbb-icon","\u002Fen\u002Fcomponents\u002Fbb-indicator","\u002Fit\u002Fcomponenti\u002Fbb-indicator","\u002Fen\u002Fcomponents\u002Fbb-number-input","\u002Fit\u002Fcomponenti\u002Fbb-number-input","\u002Fen\u002Fcomponents\u002Fbb-off-canvas","\u002Fit\u002Fcomponenti\u002Fbb-off-canvas","\u002Fen\u002Fcomponents\u002Fbb-pagination","\u002Fit\u002Fcomponenti\u002Fbb-pagination","\u002Fen\u002Fcomponents\u002Fbb-popover","\u002Fit\u002Fcomponenti\u002Fbb-popover","\u002Fen\u002Fcomponents\u002Fbb-progress","\u002Fit\u002Fcomponenti\u002Fbb-progress","\u002Fen\u002Fcomponents\u002Fbb-radio","\u002Fit\u002Fcomponenti\u002Fbb-radio","\u002Fen\u002Fcomponents\u002Fbb-radio-group","\u002Fit\u002Fcomponenti\u002Fbb-radio-group","\u002Fen\u002Fcomponents\u002Fbb-rating","\u002Fit\u002Fcomponenti\u002Fbb-rating","\u002Fen\u002Fcomponents\u002Fbb-select","\u002Fit\u002Fcomponenti\u002Fbb-select","\u002Fen\u002Fcomponents\u002Fbb-select-popover","\u002Fit\u002Fcomponenti\u002Fbb-select-popover","\u002Fen\u002Fcomponents\u002Fbb-slider","\u002Fit\u002Fcomponenti\u002Fbb-slider","\u002Fen\u002Fcomponents\u002Fbb-smooth-height","\u002Fit\u002Fcomponenti\u002Fbb-smooth-height","\u002Fen\u002Fcomponents\u002Fbb-spinner","\u002Fit\u002Fcomponenti\u002Fbb-spinner","\u002Fen\u002Fcomponents\u002Fbb-switch","\u002Fit\u002Fcomponenti\u002Fbb-switch","\u002Fen\u002Fcomponents\u002Fbb-switch-group","\u002Fit\u002Fcomponenti\u002Fbb-switch-group","\u002Fen\u002Fcomponents\u002Fbb-table","\u002Fit\u002Fcomponenti\u002Fbb-table","\u002Fen\u002Fcomponents\u002Fbb-tabs","\u002Fit\u002Fcomponenti\u002Fbb-tabs","\u002Fen\u002Fcomponents\u002Fbb-tag","\u002Fit\u002Fcomponenti\u002Fbb-tag","\u002Fen\u002Fcomponents\u002Fbb-text-input","\u002Fit\u002Fcomponenti\u002Fbb-text-input","\u002Fen\u002Fcomponents\u002Fbb-textarea","\u002Fit\u002Fcomponenti\u002Fbb-textarea","\u002Fen\u002Fcomponents\u002Fbb-time-picker","\u002Fit\u002Fcomponenti\u002Fbb-time-picker","\u002Fen\u002Fcomponents\u002Fbb-time-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input","\u002Fen\u002Fcomponents\u002Fbb-toast","\u002Fit\u002Fcomponenti\u002Fbb-toast","\u002Fen\u002Fcomponents\u002Fbb-tooltip","\u002Fit\u002Fcomponenti\u002Fbb-tooltip","\u002Fen\u002Fcomponents\u002Fbb-tree","\u002Fit\u002Fcomponenti\u002Fbb-tree","\u002Fen\u002Fguides\u002Fadoption-checklist","\u002Fit\u002Fguide\u002Fadoption-checklist","\u002Fen\u002Fguides\u002Fai-agents","\u002Fit\u002Fguide\u002Fai-agents","\u002Fen\u002Fguides\u002Fcoherence","\u002Fit\u002Fguide\u002Fcoherence","\u002Fen\u002Fguides\u002Fdesign-language","\u002Fit\u002Fguide\u002Fdesign-language","\u002Fen\u002Fguides\u002Fdesign-tokens","\u002Fit\u002Fguide\u002Fdesign-tokens","\u002Fen\u002Fguides\u002Ffetching-data","\u002Fit\u002Fguide\u002Ffetching-data","\u002Fen\u002Fguides\u002Ficons","\u002Fit\u002Fguide\u002Ficons","\u002Fen\u002Fguides\u002Finertia","\u002Fit\u002Fguide\u002Finertia","\u002Fen\u002Fguides\u002Finstallation","\u002Fit\u002Fguide\u002Finstallation","\u002Fen\u002Fguides\u002Fmigration","\u002Fit\u002Fguide\u002Fmigration","\u002Fen\u002Fguides\u002Fnuxt","\u002Fit\u002Fguide\u002Fnuxt","\u002Fen\u002Fguides\u002Foptions-and-items","\u002Fit\u002Fguide\u002Foptions-and-items","\u002Fen\u002Fguides\u002Fpassthrough","\u002Fit\u002Fguide\u002Fpassthrough","\u002Fen\u002Fguides\u002Fpreset-components","\u002Fit\u002Fguide\u002Fpreset-components","\u002Fen\u002Fguides\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[135,150,162,186,198,242,275,311,332,353,365,371],{"label":136,"entries":137},"Getting started",[138,142,146],{"title":139,"path":140,"order":141},"Installation","\u002Fguides\u002Finstallation",1,{"title":143,"path":144,"order":145},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"title":147,"path":148,"order":149},"Adoption checklist","\u002Fguides\u002Fadoption-checklist",3,{"label":151,"entries":152},"Design system",[153,156,159],{"title":154,"path":155,"order":141},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":157,"path":158,"order":145},"Design language","\u002Fguides\u002Fdesign-language",{"title":160,"path":161,"order":149},"Passthrough","\u002Fguides\u002Fpassthrough",{"label":163,"entries":164},"Playbooks",[165,168,171,174,178,182],{"title":166,"path":167,"order":141},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":169,"path":170,"order":145},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":172,"path":173,"order":149},"Coherence","\u002Fguides\u002Fcoherence",{"title":175,"path":176,"order":177},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":179,"path":180,"order":181},"Icons","\u002Fguides\u002Ficons",5,{"title":183,"path":184,"order":185},"Preset components","\u002Fguides\u002Fpreset-components",6,{"label":187,"entries":188},"Ecosystem",[189,192,195],{"title":190,"path":191,"order":141},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":193,"path":194,"order":145},"Nuxt","\u002Fguides\u002Fnuxt",{"title":196,"path":197,"order":149},"AI agents","\u002Fguides\u002Fai-agents",{"label":199,"entries":200},"Inputs",[201,204,207,210,213,216,219,222,226,230,234,238],{"title":202,"path":203,"component":202,"order":141},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":205,"path":206,"component":205,"order":145},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":208,"path":209,"component":208,"order":149},"BbCalendar","\u002Fcomponents\u002Fbb-calendar",{"title":211,"path":212,"component":211,"order":149},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":214,"path":215,"component":214,"order":177},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":217,"path":218,"component":217,"order":181},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":220,"path":221,"component":220,"order":185},"BbForm","\u002Fcomponents\u002Fbb-form",{"title":223,"path":224,"component":223,"order":225},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":227,"path":228,"component":227,"order":229},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":231,"path":232,"component":231,"order":233},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":235,"path":236,"component":235,"order":237},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":239,"path":240,"component":239,"order":241},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":243,"entries":244},"Selection",[245,248,251,254,257,260,263,266,269,272],{"title":246,"path":247,"component":246,"order":141},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":249,"path":250,"component":249,"order":145},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":252,"path":253,"component":252,"order":149},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":255,"path":256,"component":255,"order":177},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":258,"path":259,"component":258,"order":181},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":261,"path":262,"component":261,"order":185},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":264,"path":265,"component":264,"order":225},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":267,"path":268,"component":267,"order":229},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":270,"path":271,"component":270,"order":233},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":273,"path":274,"component":273,"order":237},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":276,"entries":277},"Overlay",[278,281,284,287,290,293,296,299,302,305,308],{"title":279,"path":280,"component":279,"order":141},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":282,"path":283,"component":282,"order":145},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":285,"path":286,"component":285,"order":149},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":288,"path":289,"component":288,"order":177},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":291,"path":292,"component":291,"order":181},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":294,"path":295,"component":294,"order":185},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":297,"path":298,"component":297,"order":225},"BbHoverCard","\u002Fcomponents\u002Fbb-hover-card",{"title":300,"path":301,"component":300,"order":225},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":303,"path":304,"component":303,"order":229},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":306,"path":307,"component":306,"order":233},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":309,"path":310,"component":309,"order":237},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":312,"entries":313},"Navigation",[314,317,320,323,326,329],{"title":315,"path":316,"component":315,"order":141},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":318,"path":319,"component":318,"order":145},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":321,"path":322,"component":321,"order":149},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":324,"path":325,"component":324,"order":177},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":327,"path":328,"component":327,"order":181},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":330,"path":331,"component":330,"order":185},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":333,"entries":334},"Feedback",[335,338,341,344,347,350],{"title":336,"path":337,"component":336,"order":141},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":339,"path":340,"component":339,"order":145},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":342,"path":343,"component":342,"order":149},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":345,"path":346,"component":345,"order":177},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":348,"path":349,"component":348,"order":181},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":351,"path":352,"component":351,"order":185},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":354,"entries":355},"Data Display",[356,359,362],{"title":357,"path":358,"component":357,"order":141},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":360,"path":361,"component":360,"order":145},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":363,"path":364,"component":363,"order":149},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":366,"entries":367},"Layout & Utility",[368],{"title":369,"path":370,"component":369,"order":141},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":372,"entries":373},"Other",[374],{"title":375,"path":376,"component":375,"order":141},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",null,{"id":379,"title":239,"body":380,"component":239,"description":735,"extension":736,"group":199,"meta":737,"navigation":738,"order":241,"path":240,"sections":739,"seo":745,"stem":746,"__hash__":747},"docs_en\u002Fcomponents\u002Fbb-time-picker-input.md",{"type":381,"value":382,"toc":728},"minimark",[383,421,427,435,438,442,474,507,513,524,527,545,551,576,579,584,590,611,614,623,626,656,662,671,674,698,714],[384,385,386,394],"when",{},[387,388,389,390,393],"p",{},"Use ",[391,392,239],"code",{}," for a recurring time with no date, such as support hours,\na shift boundary, or a daily dispatch.",[395,396,398],"template",{"v-slot:else":397},"",[399,400,401,410],"ul",{},[402,403,404,409],"li",{},[405,406,407],"a",{"href":94},[391,408,306],{},": the time is assigned from\nyour own cell, chip, or button",[402,411,412,416,417,420],{},[405,413,414],{"href":36},[391,415,214],{}," with\n",[391,418,419],{},"type=\"datetime\"",": the time belongs to a specific calendar date",[387,422,423,424,426],{},"Also see: ",[405,425,175],{"href":132},".",[428,429,431],"h2",{"id":430},"schedule",[432,433,434],"span",{},"Set support hours",[387,436,437],{},"Give each opening and closing time its own labelled field; each submits a\n24-hour value.",[439,440],"demo",{"name":441},"BbTimePickerInput\u002FBasic",[387,443,444,445,451,452,458,459,465,466,470,471,473],{},"Pass a stable ",[405,446,448],{"href":447},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-id",[391,449,450],{},"id"," and ",[405,453,455],{"href":454},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-name",[391,456,457],{},"name","; ",[405,460,462],{"href":461},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-label",[391,463,464],{},"label"," does not supply the native name, and\ninside a ",[405,467,468],{"href":46},[391,469,220],{}," ",[391,472,457],{}," is the field's key. The\nseparate hour and minute inputs auto-advance, accept pasted times, and support\narrow-key stepping.",[387,475,476,477,481,482,484,485,488,489,495,496,499,500,506],{},"A field joined to a ",[405,478,479],{"href":46},[391,480,220],{}," by its ",[391,483,457],{}," is required\nthrough ",[391,486,487],{},"rules=\"required\""," or the schema. ",[405,490,492],{"href":491},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-required",[391,493,494],{},"required","\ninside a form is a hint that marks the field and checks nothing, and the\nasterisk follows a rule too (",[405,497,175],{"href":498},"\u002Fen\u002Fguides\u002Fvalidated-forms#asterisk",").\nAdd ",[405,501,503],{"href":502},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-formless",[391,504,505],{},"formless"," to keep a\nfield that sits inside a form out of its data.",[428,508,510],{"id":509},"value",[432,511,512],{},"Wall-clock semantics",[387,514,515,516,519,520,523],{},"The model is ",[391,517,518],{},"null"," or a zero-padded 24-hour string such as ",[391,521,522],{},"09:00",". It contains\nno date or timezone, so the same stored value means nine o'clock in every region.",[439,525],{"name":526},"BbTimePickerInput\u002FValue",[387,528,529,530,533,534,540,541,544],{},"Do not parse the value with ",[391,531,532],{},"new Date('09:00')",". Attach the relevant date before\ndoing instant or timezone arithmetic. With ",[405,535,537],{"href":536},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-ampm",[391,538,539],{},"ampm"," the field displays the\n12-hour form in the locale's words (",[391,542,543],{},"09:30 AM","), and the model stays 24-hour, as\nthe readout under the demo shows: there is nothing to format yourself.",[428,546,548],{"id":547},"display",[432,549,550],{},"Display and granularity",[387,552,389,553,557,558,564,565,568,569,575],{},[405,554,555],{"href":536},[391,556,539],{}," for a 12-hour field, ",[405,559,561],{"href":560},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-seconds",[391,562,563],{},"seconds"," for ",[391,566,567],{},"HH:mm:ss",", and ",[405,570,572],{"href":571},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-step",[391,573,574],{},"step"," for the\nminute rows offered by the columns.",[439,577],{"name":578},"BbTimePickerInput\u002FDisplay",[387,580,581,583],{},[391,582,574],{}," constrains column picks, not typing. An off-grid typed value remains\nunchanged and highlights no row.",[428,585,587],{"id":586},"constraints",[432,588,589],{},"Bounds and ranges",[387,591,389,592,451,598,604,605,426],{},[405,593,595],{"href":594},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-min",[391,596,597],{},"min",[405,599,601],{"href":600},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-max",[391,602,603],{},"max"," to constrain a callback window. The columns disable the times\noutside it; a typed one is clamped on commit and reported through ",[405,606,608],{"href":607},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#event-error",[391,609,610],{},"error",[439,612],{"name":613},"BbTimePickerInput\u002FBounds",[387,615,389,616,622],{},[405,617,619],{"href":618},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-range",[391,620,621],{},"range"," for a shift and keep the model as an array.",[439,624],{"name":625},"BbTimePickerInput\u002FRange",[387,627,628,629,632,633,636,637,642,643,649,650,426],{},"Seed and clear it with ",[391,630,631],{},"[]",". A reversed range is swapped on commit\nand emits ",[391,634,635],{},"end_before_start",", so the field cannot hold a window that crosses\nmidnight: use ",[405,638,640],{"href":639},"\u002Fen\u002Fcomponents\u002Fbb-time-picker#range",[391,641,306],{}," for a night shift. Turn error\npayloads into application messages through ",[405,644,646],{"href":645},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-errors",[391,647,648],{},"errors","; clear them on ",[405,651,653],{"href":652},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#event-active",[391,654,655],{},"active",[428,657,659],{"id":658},"platform",[432,660,661],{},"Typing and mobile",[387,663,389,664,670],{},[405,665,667],{"href":666},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-disableWriting",[391,668,669],{},"disable-writing=\"mobile\""," when touch users should choose from the columns\nwhile desktop users keep keyboard entry.",[439,672],{"name":673},"BbTimePickerInput\u002FPlatform",[387,675,676,682,683,689,690,693,694,426],{},[405,677,679],{"href":678},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-adaptive",[391,680,681],{},"adaptive"," opens the columns in a bottom sheet on mobile. Pass sheet options\nthrough ",[405,684,686],{"href":685},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-offCanvasProps",[391,687,688],{},"offCanvasProps",", or set ",[391,691,692],{},":adaptive=\"false\""," for viewport-independent\ntests. Shared label, message, state, and form props follow\n",[405,695,696],{"href":90},[391,697,235],{},[387,699,700,706,707,711,712,426],{},[405,701,703],{"href":702},"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input\u002Fapi#prop-variant",[391,704,705],{},"variant=\"none\""," drops every colour, focus ring included, for a field you style yourself, like ",[405,708,710],{"href":709},"\u002Fen\u002Fcomponents\u002Fbb-text-input#layout","the flat search field"," on ",[391,713,235],{},[715,716,718],"migration",{"title":717},"has-warning → has-warnings",[387,719,720,721,724,725,426],{},"The shared v2 input prop ",[391,722,723],{},"hasWarning"," is now ",[391,726,727],{},"hasWarnings",{"title":397,"searchDepth":149,"depth":149,"links":729},[730,731,732,733,734],{"id":430,"depth":145,"text":434},{"id":509,"depth":145,"text":512},{"id":547,"depth":145,"text":550},{"id":586,"depth":145,"text":589},{"id":658,"depth":145,"text":661},"Enter a recurring wall-clock time or schedule window in a labelled segmented field.","md",{},true,[740,741,742,743,744],{"id":430,"title":434},{"id":509,"title":512},{"id":547,"title":550},{"id":586,"title":589},{"id":658,"title":661},{"title":239,"description":735},"components\u002Fbb-time-picker-input","L2znHLRSQQw9A2r4rJHAysVc7uBEVHIPI45g__9fjkE",{"name":239,"slug":749,"group":199,"description":750,"entrypoint":751,"docs":752,"props":755,"models":911,"events":914,"slots":945,"exposed":971,"pt":972,"validated":377,"migration":1052},"bb-time-picker-input","Segmented time field with hour\u002Fminute columns; 24-hour string model.","bitboss-ui",{"contract":753,"source":754},"ai\u002FBbTimePickerInput.md","ai\u002Fsource\u002FBbTimePickerInput.md",[756,762,766,770,774,778,781,784,787,790,795,798,800,803,805,808,811,813,817,820,823,827,831,835,838,841,844,848,851,854,857,860,863,867,872,875,878,880,883,887,889,893,896,899,903,908],{"name":681,"type":757,"required":758,"default":759,"description":760,"note":761,"demo":658},"boolean | undefined",false,"`config.adaptive` (`true`)","On mobile the time columns open inside a bottom off-canvas sheet instead of a floating popover. When unset, falls back to the global `config.adaptive`.","Set it per instance only to disagree with the app-wide `config.adaptive`, or to `false` for viewport-independent tests.",{"name":539,"type":757,"required":758,"default":763,"description":764,"note":765,"demo":547},"false","12-hour display with an AM\u002FPM segment. Purely a field-composition concern: the model stays 24-hour. Type `A`\u002F`P` (or ArrowUp\u002FDown) to set the meridiem.","Display only: the model still holds 24-hour text, so a form submits the same value whichever way the field shows it.",{"name":767,"type":768,"required":758,"default":377,"description":769,"note":377,"demo":377},"append:icon","string | undefined","Name of the icon to be added at the end of the input.",{"name":771,"type":768,"required":758,"default":772,"description":773,"note":377,"demo":377},"autocomplete","\"off\"","Guides the browser as to the type of information expected in the field.",{"name":775,"type":776,"required":758,"default":377,"description":777,"note":377,"demo":377},"autofocus","Booleanish | undefined","Focuses the field when it mounts (a dialog already open included), unless the user is typing in another field.",{"name":779,"type":757,"required":758,"default":763,"description":780,"note":377,"demo":377},"clearable","Displays a clear button when the input has a value and is being interacted with.",{"name":782,"type":757,"required":758,"default":763,"description":783,"note":377,"demo":377},"compact","Compact density: the field uses the `-compact` twins of `--bb-input-h`, `--bb-input-py` and `--bb-label-spacing-y`, so a `--bb-input-h` set on the component is ignored while it is on. Size a compact field with `--bb-input-h-compact` (and `--bb-input-py-compact`).",{"name":785,"type":768,"required":758,"default":377,"description":786,"note":377,"demo":377},"description","Descriptive text displayed below the label and above the input. Always visible and linked to the input via `aria-describedby` (after any `errors` \u002F `warnings`, before the `hint`).",{"name":788,"type":757,"required":758,"default":763,"description":789,"note":377,"demo":377},"disabled","Disables the component.",{"name":791,"type":792,"required":758,"default":763,"description":793,"note":794,"demo":658},"disableWriting","boolean | \"mobile\" | \"desktop\" | undefined","Disables typing into the input. Use `'mobile'` \u002F `'desktop'` to disable typing on one platform only.","Reach for `\"mobile\"` when touch users should pick from the columns while desktop users keep typing.",{"name":648,"type":796,"required":758,"default":377,"description":797,"note":377,"demo":377},"string | string[] | undefined","Error messages under the field, a string or string array. They render in an `aria-live=\"polite\"` region and are referenced first from the segment inputs' `aria-describedby`, so they are re-read when a segment regains focus.",{"name":505,"type":757,"required":758,"default":763,"description":799,"note":377,"demo":377},"Keep this control out of the enclosing `BbForm` entirely: not submitted, not dirty, not reset, not validated. For a control that is not form data (a filter, a \"show advanced\" switch).",{"name":801,"type":757,"required":758,"default":763,"description":802,"note":377,"demo":377},"hasErrors","Define if the component should be in an error state. It usually attaches a CSS class for styling purposes.",{"name":727,"type":757,"required":758,"default":763,"description":804,"note":377,"demo":377},"Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority.",{"name":806,"type":757,"required":758,"default":763,"description":807,"note":377,"demo":377},"hideLabel","Visually hides the label of the input while maintaining accessibility.",{"name":809,"type":768,"required":758,"default":377,"description":810,"note":377,"demo":377},"hint","Text box to be displayed near the input, usually to indicate instructions.",{"name":450,"type":768,"required":758,"default":377,"description":812,"note":377,"demo":377},"The `id` of the native control; the label's `for` and the description and message ids derive from it. Generated when omitted.",{"name":814,"type":815,"required":758,"default":377,"description":816,"note":377,"demo":377},"inputAlign","FieldCrossAlign | undefined","Vertical position of the control in a side-by-side row; not `inputPosition`, the horizontal one. Omitted, the control's first line meets the label's.",{"name":464,"type":818,"required":738,"default":377,"description":819,"note":377,"demo":377},"string","Text content of the label of the element.",{"name":821,"type":815,"required":758,"default":377,"description":822,"note":377,"demo":377},"labelAlign","Vertical position of the label block in a side-by-side row; not `labelPosition`, the horizontal one. Omitted, the label's first line meets the control's.",{"name":824,"type":825,"required":758,"default":377,"description":826,"note":377,"demo":377},"labelMode","\"outside\" | \"floating\" | \"inside\" | undefined","Label rendering mode.",{"name":828,"type":829,"required":758,"default":377,"description":830,"note":377,"demo":377},"labelPosition","\"left\" | \"center\" | \"right\" | undefined","Sets the text alignment of the label.",{"name":832,"type":833,"required":758,"default":377,"description":834,"note":377,"demo":377},"layout","Responsive\u003CFieldLayout> | undefined","How label and input sit together: `'vertical'`, `'horizontal'` (50\u002F50), `'auto'`, `'label-fill'`, `'input-fill'`, a ratio like `'xx xxxxx'`, or a per-breakpoint map (`{ default: 'vertical', md: 'xx xxxxx' }`).",{"name":836,"type":757,"required":758,"default":763,"description":837,"note":377,"demo":377},"loading","Sets the component in a loading state, usually triggering some visual styles.",{"name":603,"type":768,"required":758,"default":377,"description":839,"note":840,"demo":586},"Maximum selectable time, `HH:mm` (other shapes throw at setup). The columns disable the entries no in-range time can use; a typed value (or an hour beside an out-of-range minute) is clamped with a `disabled_time` error.","Later times are disabled in the columns. A typed value past the bound is clamped on commit and reported through `error`, so turn that payload into a message of your own.",{"name":597,"type":768,"required":758,"default":377,"description":842,"note":843,"demo":586},"Minimum selectable time, `HH:mm` (other shapes throw at setup). The columns disable the entries no in-range time can use; a typed value (or an hour beside an out-of-range minute) is clamped with a `disabled_time` error.","Earlier times are disabled in the columns. A typed value before the bound is clamped on commit and reported through `error`, so turn that payload into a message of your own.",{"name":845,"type":846,"required":758,"default":377,"description":847,"note":377,"demo":377},"modelValue","string | string[] | null | undefined","v-model value: `null` for empty, a 24-hour `HH:mm` (or `HH:mm:ss` with `seconds`) string, or a two-element array when `range` is true.",{"name":457,"type":768,"required":758,"default":377,"description":849,"note":850,"demo":430},"Defines the name of the input.","`label` does not supply the native name. Set it whenever the value is submitted with a plain form; inside a `BbForm` it is the field key.",{"name":688,"type":852,"required":758,"default":377,"description":853,"note":377,"demo":658},"Partial\u003CBbOffCanvasProps> | undefined","Props for the phone sheet (the `BbOffCanvas` that `adaptive` renders on mobile), spread over its defaults. A `pt` inside it styles only the sheet (passthrough guide § Inside the sheet). The sheet hides its ✕; `{ hideClose: false }` brings it back.",{"name":855,"type":757,"required":758,"default":763,"description":856,"note":377,"demo":377},"persistentHint","Keeps the hint displayed.",{"name":858,"type":768,"required":758,"default":377,"description":859,"note":377,"demo":377},"placeholder","Text shown while the field is empty.",{"name":861,"type":768,"required":758,"default":377,"description":862,"note":377,"demo":377},"prepend:icon","Name of the icon to be added at the start of the input.",{"name":864,"type":865,"required":758,"default":377,"description":866,"note":377,"demo":377},"pt","(PtMap\u003CBbTimePickerInputPtPart, BbTimePickerInputPtState> & { \"root:outline\"?: PtValue | undefined; \"icon:outline\"?: PtValue | undefined; \"root:secondary\"?: PtValue | undefined; \"icon:secondary\"?: PtValue | undefined; \"spinner:outline\"?: PtValue | undefined; \"spinner:secondary\"?: PtValue | undefined; \"clear:outline\"?: PtValue | undefined; \"clear:secondary\"?: PtValue | undefined; \"root:ghost\"?: PtValue | undefined; \"icon:ghost\"?: PtValue | undefined; \"spinner:ghost\"?: PtValue | undefined; \"clear:ghost\"?: PtValue | undefined; \"label:outline\"?: PtValue | undefined; \"label:secondary\"?: PtValue | undefined; \"label:ghost\"?: PtValue | undefined; \"description:outline\"?: PtValue | undefined; \"description:secondary\"?: PtValue | undefined; \"description:ghost\"?: PtValue | undefined; \"message:outline\"?: PtValue | undefined; \"message:secondary\"?: PtValue | undefined; \"message:ghost\"?: PtValue | undefined; \"hint:outline\"?: PtValue | undefined; \"hint:secondary\"?: PtValue | undefined; \"hint:ghost\"?: PtValue | undefined; \"input:outline\"?: PtValue | undefined; \"input:secondary\"?: PtValue | undefined; \"input:ghost\"?: PtValue | undefined; \"box:outline\"?: PtValue | undefined; \"box:secondary\"?: PtValue | undefined; \"box:ghost\"?: PtValue | undefined; \"prefix:outline\"?: PtValue | undefined; \"prefix:secondary\"?: PtValue | undefined; \"prefix:ghost\"?: PtValue | undefined; \"suffix:outline\"?: PtValue | undefined; \"suffix:secondary\"?: PtValue | undefined; \"suffix:ghost\"?: PtValue | undefined; \"activator:outline\"?: PtValue | undefined; \"activator:secondary\"?: PtValue | undefined; \"activator:ghost\"?: PtValue | undefined; }) | undefined","Passthrough, object form: the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":868,"type":869,"required":758,"default":377,"description":870,"note":377,"demo":871},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `activator`, `box`, `cellColumnHeader`, `clear`, `description`, `header`, `hint`, `icon`, `input`, `item`, `label`, `message`, `panel`, `prefix`, `root`, `sheet`, `spinner`, `suffix`. States: `disabled`, `errors`, `ghost`, `hasValue`, `loading`, `open`, `outline`, `readonly`, `secondary`, `selected`, `warnings`.","passthrough",{"name":621,"type":757,"required":758,"default":763,"description":873,"note":874,"demo":586},"Range selection: v-model expects a two-element array `[start, end]`. An inverted pair swaps on finalize with an `end_before_start` error.","Keep the model an array: seed and clear it with `[]`. A reversed pair is swapped, so the field cannot hold a window across midnight: use `BbTimePicker` for a night shift.",{"name":876,"type":757,"required":758,"default":763,"description":877,"note":377,"demo":377},"readonly","Sets the input in a readonly state.",{"name":494,"type":757,"required":758,"default":763,"description":879,"note":377,"demo":377},"Sets the input as required.",{"name":881,"type":757,"required":758,"default":763,"description":882,"note":377,"demo":377},"reverse","Reverses the layout: the order of the label and the input is swapped.",{"name":884,"type":885,"required":758,"default":377,"description":886,"note":377,"demo":377},"rules","RuleExpression\u003Cstring | string[] | null>","vee-validate rules for this field. Only inside a `BbForm`.",{"name":563,"type":757,"required":758,"default":763,"description":888,"note":377,"demo":547},"Adds the seconds segment. Without it an incoming value carrying seconds displays truncated and zeroes out on the next user commit.",{"name":574,"type":890,"required":758,"default":891,"description":892,"note":377,"demo":547},"number | undefined","1","Minute granularity for the popover minute column. Constrains what the columns produce, never what typing accepts; ArrowUp\u002FDown on a segment always step by 1.",{"name":894,"type":890,"required":758,"default":377,"description":895,"note":377,"demo":377},"transitionDuration","Transition duration, in milliseconds, for the popover appearance.",{"name":897,"type":768,"required":758,"default":377,"description":898,"note":377,"demo":377},"validationLabel","The field's name in validation messages (`{field}`): \"Email is not valid\". Defaults to the `label` (or `legend`), then \"This field\"; never the `name`. Set it when the label is hidden or reads badly in a sentence (icon-only, a question). `BbForm` only.",{"name":900,"type":901,"required":758,"default":377,"description":902,"note":377,"demo":377},"validationMode","ValidationMode | undefined","When the field validates: `aggressive` (each change), `balanced` (on leave, then live while in error), `lazy` (on leave), `submit-only`, `submit-live`. Unset: the `BbForm`'s `validation-mode`, then `formControls.validationMode` (`'balanced'`). `BbForm` only.",{"name":904,"type":905,"required":758,"default":906,"description":907,"note":377,"demo":377},"variant","InputVariantType | undefined","'outline'","The field box's look, with `BbButton`'s names and tokens. Colours only, so a form never reflows; `'ghost'` has no border in any state, `'none'` no look at all (you own hover, focus and the states). Register more with the plugin's `inputVariants`.",{"name":909,"type":796,"required":758,"default":377,"description":910,"note":377,"demo":377},"warnings","Warning messages under the field, a string or array: amber, in their own `aria-live` region and in the control's `aria-describedby` after the errors. Non-empty turns on the warning state; errors win when both are set.",[912],{"name":845,"type":846,"note":913,"demo":509},"A wall-clock string with no date or timezone. Never parse it with `new Date('09:00')`; attach the relevant date first.",[915,918,922,926,929,932,935,938,941],{"name":655,"signature":916,"description":917,"note":377,"demo":377},"(): void","Emitted when the composite control receives focus.",{"name":610,"signature":919,"description":920,"note":921,"demo":586},"(error: TimePickerInputError): void","Emitted on every normalization (clamped time, swapped range).","Fires when a commit was corrected: `code` is `disabled_time` (a typed time clamped to a bound) or `end_before_start` (range swapped), with the `original` and `normalized` values. Map it to `errors` and clear them on `active`.",{"name":923,"signature":924,"description":925,"note":377,"demo":377},"focus","(event: FocusEvent): void","Emitted when a native text field inside the control gains focus.",{"name":927,"signature":916,"description":928,"note":377,"demo":377},"hidden","Emitted once the time panel has finished closing.",{"name":930,"signature":916,"description":931,"note":377,"demo":377},"hide","Emitted as soon as the time panel starts to close.",{"name":933,"signature":916,"description":934,"note":377,"demo":377},"inactive","Emitted when focus\u002Fclick moves outside the composite control.",{"name":936,"signature":916,"description":937,"note":377,"demo":377},"show","Emitted as soon as the time panel (the popover, or the sheet on a phone) starts to open.",{"name":939,"signature":916,"description":940,"note":377,"demo":377},"shown","Emitted once the time panel is open and its open transition has finished.",{"name":942,"signature":943,"description":944,"note":377,"demo":377},"update:modelValue","(value: string | string[] | null): void","Emitted whenever the selected time changes. `null` for cleared values, a `HH:mm(:ss)` string, or an array in range mode.",[946,950,953,956,959,962,965,968],{"name":947,"type":948,"description":949,"note":377,"demo":377},"append","object","Content rendered after the time fields (before the clock button).",{"name":951,"type":948,"description":952,"note":377,"demo":377},"append:outer","Content rendered after the entire control, outside the input chrome.",{"name":785,"type":954,"description":955,"note":377,"demo":377},"BbTimePickerInputDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still renders the description region and wires it into `aria-describedby`.",{"name":464,"type":957,"description":958,"note":377,"demo":377},"BbTimePickerInputLabelSlotProps","Replaces the default label text rendered above the input.",{"name":960,"type":948,"description":961,"note":377,"demo":377},"prefix","Inline content at the start of the field area.",{"name":963,"type":948,"description":964,"note":377,"demo":377},"prepend","Content rendered before the time fields, at the start of the field box.",{"name":966,"type":948,"description":967,"note":377,"demo":377},"prepend:outer","Content rendered before the entire control, outside the input chrome.",{"name":969,"type":948,"description":970,"note":377,"demo":377},"suffix","Inline content at the end of the field area.",[],{"parts":973,"states":1023},[974,977,979,981,984,986,989,992,995,998,1000,1002,1005,1008,1011,1014,1017,1020],{"name":975,"description":976},"root","The field's outer container: the label, the box and the lines under it.",{"name":464,"description":978},"The label text above the box (the `label` prop).",{"name":785,"description":980},"The muted line under the label (the `description` prop).",{"name":982,"description":983},"message","The errors \u002F warnings line under the box. A node of its own: it can show at the same time as `hint`.",{"name":809,"description":985},"The helper line (the `hint` prop), shown on focus, or always with `persistent-hint`.",{"name":987,"description":988},"box","The bordered box around the input — border, background and radius; the `variant` paints here.",{"name":990,"description":991},"input","Every segment field (hours, minutes, seconds) — a broadcast.",{"name":993,"description":994},"icon","The content icons, prepend and append — a broadcast. Chrome (the clear ✕, a chevron, the error \u002F warning glyph) is never in it.",{"name":996,"description":997},"spinner","The spinner inside the box while `loading`.",{"name":960,"description":999},"The `#prefix` slot's wrapper, inside the box before the input.",{"name":969,"description":1001},"The `#suffix` slot's wrapper, inside the box after the input.",{"name":1003,"description":1004},"clear","The ✕ that empties this control (`clearable`) — one node, never a chip's own ✕.",{"name":1006,"description":1007},"activator","The button in the box that opens the panel. Merged after the input's own click handler, so a listener of yours runs after ours. Its glyph is not a part.",{"name":1009,"description":1010},"panel","The time surface — the popover's painted bubble on desktop, the sheet itself on a phone.",{"name":1012,"description":1013},"sheet","The bottom sheet around the panel on a phone only.",{"name":1015,"description":1016},"header","The readout above the columns — the picked time; the calendar's heading on the date pickers.",{"name":1018,"description":1019},"cellColumnHeader","The letters above each column (`HH`, `MM`, `SS`) — a broadcast, like the calendar's weekday letters.",{"name":1021,"description":1022},"item","One column entry (hour, minute, second, AM \u002F PM) — a broadcast.",[1024,1026,1028,1031,1034,1036,1039,1042,1044,1047,1050],{"name":788,"description":1025},"Component-wide while the input is `disabled`. Also per node, on `item`: an entry outside `min` \u002F `max` — an hour with no minute in range, a minute out of range for the selected hour, an AM \u002F PM half with no hour in range. Like the calendar's days: shown, not pickable.",{"name":648,"description":1027},"Component-wide: the control is in its error state (`errors` \u002F `has-errors`, or its validation) — the message line and the box turn red.",{"name":1029,"description":1030},"ghost","On the field's parts: `variant: 'ghost'`. Below the real states, like every variant.",{"name":1032,"description":1033},"hasValue","Component-wide: the control holds a value, by its own rule (`0` counts on `BbNumberInput`, `''` on `BbColorInput`).",{"name":836,"description":1035},"Component-wide: `loading` is on; the box shows its `spinner`.",{"name":1037,"description":1038},"open","Component-wide: the panel is showing — `pt:activator:open` styles the trigger while it is.",{"name":1040,"description":1041},"outline","On the field's parts: `variant: 'outline'`. Merged after the part's base entry and before its states, so the real states still win.",{"name":876,"description":1043},"Component-wide: the control is `readonly` — shown, focusable, not editable.",{"name":1045,"description":1046},"secondary","On the field's parts: `variant: 'secondary'`. Below the real states, like every variant.",{"name":1048,"description":1049},"selected","Per node, on `item`: the current value's entries.",{"name":909,"description":1051},"Component-wide: the control is in its warning state (`warnings` \u002F `has-warnings`) and not in an error state — errors win, so the two are never on together.",{"removed":1053,"renamed":1082},[1054,1061,1066,1069,1072,1077],{"name":1055,"surface":1056,"replacedBy":951,"hint":377,"since":1057,"migration":1058,"silent":738,"fix":1059},"append-outer","slot","3.0.0-beta.41","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":1060},"rename",{"name":1062,"surface":1063,"replacedBy":832,"hint":377,"since":1064,"migration":1058,"silent":738,"fix":1065},"direction","prop","3.0.0-beta.33",{"kind":1060},{"name":723,"surface":1063,"replacedBy":727,"hint":377,"since":1067,"migration":1058,"silent":738,"fix":1068},"3.0.0-beta.26",{"kind":1060},{"name":1070,"surface":1056,"replacedBy":966,"hint":377,"since":1057,"migration":1058,"silent":738,"fix":1071},"prepend-outer",{"kind":1060},{"name":1073,"surface":1063,"replacedBy":900,"hint":1074,"since":1057,"migration":1058,"silent":738,"fix":1075},"validateOn","an array of events became one mode (`aggressive` | `balanced` | `lazy` | `submit-only` | `submit-live`). The old defaults (`['blur']`, `['inactive']`, a toggle's `['update:modelValue', 'change', 'blur']`) are `balanced`, the new default: delete the prop. A text field on `['update:modelValue']` is `validation-mode=\"aggressive\"`. Set it once on `\u003CBbForm validation-mode>` instead of per field",{"kind":1076},"manual",{"name":1078,"surface":1063,"replacedBy":377,"hint":1079,"since":1057,"migration":1058,"silent":738,"fix":1080},"vid","a display name (v2: `vid=\"Email address\"`) is now `validation-label`; a field path (3.0 betas: `vid=\"address.city\"`) is now `name` (brackets for a native post: `address[city]`). `check --fix` picks by the value",{"kind":1081,"display":897,"key":457},"byValue",[1083,1085,1087,1089,1091],{"from":1055,"to":951,"surface":1056,"since":1057,"migration":1058,"fix":1084},{"kind":1060},{"from":1062,"to":832,"surface":1063,"since":1064,"migration":1058,"fix":1086},{"kind":1060},{"from":723,"to":727,"surface":1063,"since":1067,"migration":1058,"fix":1088},{"kind":1060},{"from":1070,"to":966,"surface":1056,"since":1057,"migration":1058,"fix":1090},{"kind":1060},{"from":1073,"to":900,"surface":1063,"since":1057,"migration":1058,"fix":1092},{"kind":1076},1793055147177]