[{"data":1,"prerenderedAt":725},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fcomponents\u002Fbb-time-picker":353,"pt-showcase-BbTimePicker":560},{"\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-checkbox":20,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":23,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":24,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":25,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":26,"\u002Fen\u002Fcomponents\u002Fbb-color-input":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":28,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":29,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":30,"\u002Fen\u002Fcomponents\u002Fbb-confirm":31,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":32,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":35,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":36,"\u002Fen\u002Fcomponents\u002Fbb-dialog":37,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":38,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":42,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":43,"\u002Fit\u002Fcomponenti\u002Fbb-form":44,"\u002Fen\u002Fcomponents\u002Fbb-form":45,"\u002Fit\u002Fcomponenti\u002Fbb-icon":46,"\u002Fen\u002Fcomponents\u002Fbb-icon":47,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":48,"\u002Fen\u002Fcomponents\u002Fbb-indicator":49,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":50,"\u002Fen\u002Fcomponents\u002Fbb-number-input":51,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":52,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":53,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":54,"\u002Fen\u002Fcomponents\u002Fbb-pagination":55,"\u002Fit\u002Fcomponenti\u002Fbb-popover":56,"\u002Fen\u002Fcomponents\u002Fbb-popover":57,"\u002Fit\u002Fcomponenti\u002Fbb-progress":58,"\u002Fen\u002Fcomponents\u002Fbb-progress":59,"\u002Fit\u002Fcomponenti\u002Fbb-radio":60,"\u002Fen\u002Fcomponents\u002Fbb-radio":61,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":62,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":63,"\u002Fit\u002Fcomponenti\u002Fbb-rating":64,"\u002Fen\u002Fcomponents\u002Fbb-rating":65,"\u002Fit\u002Fcomponenti\u002Fbb-select":66,"\u002Fen\u002Fcomponents\u002Fbb-select":67,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":68,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":69,"\u002Fit\u002Fcomponenti\u002Fbb-slider":70,"\u002Fen\u002Fcomponents\u002Fbb-slider":71,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":72,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":73,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":74,"\u002Fen\u002Fcomponents\u002Fbb-spinner":75,"\u002Fit\u002Fcomponenti\u002Fbb-switch":76,"\u002Fen\u002Fcomponents\u002Fbb-switch":77,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":78,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":79,"\u002Fit\u002Fcomponenti\u002Fbb-table":80,"\u002Fen\u002Fcomponents\u002Fbb-table":81,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":82,"\u002Fen\u002Fcomponents\u002Fbb-tabs":83,"\u002Fit\u002Fcomponenti\u002Fbb-tag":84,"\u002Fen\u002Fcomponents\u002Fbb-tag":85,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":86,"\u002Fen\u002Fcomponents\u002Fbb-text-input":87,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":88,"\u002Fen\u002Fcomponents\u002Fbb-textarea":89,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":90,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":91,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":92,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":93,"\u002Fit\u002Fcomponenti\u002Fbb-toast":94,"\u002Fen\u002Fcomponents\u002Fbb-toast":95,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":96,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":97,"\u002Fit\u002Fcomponenti\u002Fbb-tree":98,"\u002Fen\u002Fcomponents\u002Fbb-tree":99,"\u002Fit\u002Fguide\u002Fai-agents":100,"\u002Fen\u002Fguides\u002Fai-agents":101,"\u002Fit\u002Fguide\u002Fcoherence":102,"\u002Fen\u002Fguides\u002Fcoherence":103,"\u002Fit\u002Fguide\u002Fdesign-language":104,"\u002Fen\u002Fguides\u002Fdesign-language":105,"\u002Fit\u002Fguide\u002Fdesign-tokens":106,"\u002Fen\u002Fguides\u002Fdesign-tokens":107,"\u002Fit\u002Fguide\u002Ffetching-data":108,"\u002Fen\u002Fguides\u002Ffetching-data":109,"\u002Fit\u002Fguide\u002Ficons":110,"\u002Fen\u002Fguides\u002Ficons":111,"\u002Fit\u002Fguide\u002Finertia":112,"\u002Fen\u002Fguides\u002Finertia":113,"\u002Fit\u002Fguide\u002Finstallation":114,"\u002Fen\u002Fguides\u002Finstallation":115,"\u002Fit\u002Fguide\u002Fmigration":116,"\u002Fen\u002Fguides\u002Fmigration":117,"\u002Fit\u002Fguide\u002Fnuxt":118,"\u002Fen\u002Fguides\u002Fnuxt":119,"\u002Fit\u002Fguide\u002Foptions-and-items":120,"\u002Fen\u002Fguides\u002Foptions-and-items":121,"\u002Fit\u002Fguide\u002Fvalidated-forms":122,"\u002Fen\u002Fguides\u002Fvalidated-forms":123},"\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-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-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\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\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[125,136,145,166,178,220,253,286,307,328,340,346],{"label":126,"entries":127},"Getting started",[128,132],{"title":129,"path":130,"order":131},"Installation","\u002Fguides\u002Finstallation",1,{"title":133,"path":134,"order":135},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"label":137,"entries":138},"Design system",[139,142],{"title":140,"path":141,"order":131},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":143,"path":144,"order":135},"Design language","\u002Fguides\u002Fdesign-language",{"label":146,"entries":147},"Playbooks",[148,151,154,158,162],{"title":149,"path":150,"order":131},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":152,"path":153,"order":135},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":155,"path":156,"order":157},"Coherence","\u002Fguides\u002Fcoherence",3,{"title":159,"path":160,"order":161},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":163,"path":164,"order":165},"Icons","\u002Fguides\u002Ficons",5,{"label":167,"entries":168},"Ecosystem",[169,172,175],{"title":170,"path":171,"order":131},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":173,"path":174,"order":135},"Nuxt","\u002Fguides\u002Fnuxt",{"title":176,"path":177,"order":157},"AI agents","\u002Fguides\u002Fai-agents",{"label":179,"entries":180},"Inputs",[181,184,187,190,193,196,200,204,208,212,216],{"title":182,"path":183,"component":182,"order":131},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":185,"path":186,"component":185,"order":135},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":188,"path":189,"component":188,"order":157},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":191,"path":192,"component":191,"order":161},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":194,"path":195,"component":194,"order":165},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":197,"path":198,"component":197,"order":199},"BbForm","\u002Fcomponents\u002Fbb-form",6,{"title":201,"path":202,"component":201,"order":203},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":205,"path":206,"component":205,"order":207},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":209,"path":210,"component":209,"order":211},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":213,"path":214,"component":213,"order":215},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":217,"path":218,"component":217,"order":219},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":221,"entries":222},"Selection",[223,226,229,232,235,238,241,244,247,250],{"title":224,"path":225,"component":224,"order":131},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":227,"path":228,"component":227,"order":135},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":230,"path":231,"component":230,"order":157},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":233,"path":234,"component":233,"order":161},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":236,"path":237,"component":236,"order":165},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":239,"path":240,"component":239,"order":199},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":242,"path":243,"component":242,"order":203},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":245,"path":246,"component":245,"order":207},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":248,"path":249,"component":248,"order":211},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":251,"path":252,"component":251,"order":215},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":254,"entries":255},"Overlay",[256,259,262,265,268,271,274,277,280,283],{"title":257,"path":258,"component":257,"order":131},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":260,"path":261,"component":260,"order":135},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":263,"path":264,"component":263,"order":157},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":266,"path":267,"component":266,"order":161},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":269,"path":270,"component":269,"order":165},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":272,"path":273,"component":272,"order":199},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":275,"path":276,"component":275,"order":203},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":278,"path":279,"component":278,"order":207},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":281,"path":282,"component":281,"order":211},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":284,"path":285,"component":284,"order":215},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":287,"entries":288},"Navigation",[289,292,295,298,301,304],{"title":290,"path":291,"component":290,"order":131},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":293,"path":294,"component":293,"order":135},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":296,"path":297,"component":296,"order":157},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":299,"path":300,"component":299,"order":161},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":302,"path":303,"component":302,"order":165},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":305,"path":306,"component":305,"order":199},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":308,"entries":309},"Feedback",[310,313,316,319,322,325],{"title":311,"path":312,"component":311,"order":131},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":314,"path":315,"component":314,"order":135},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":317,"path":318,"component":317,"order":157},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":320,"path":321,"component":320,"order":161},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":323,"path":324,"component":323,"order":165},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":326,"path":327,"component":326,"order":199},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":329,"entries":330},"Data Display",[331,334,337],{"title":332,"path":333,"component":332,"order":131},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":335,"path":336,"component":335,"order":135},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":338,"path":339,"component":338,"order":157},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":341,"entries":342},"Layout & Utility",[343],{"title":344,"path":345,"component":344,"order":131},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":347,"entries":348},"Other",[349],{"title":350,"path":351,"component":350,"order":131},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",null,{"id":354,"title":281,"body":355,"component":281,"description":548,"extension":549,"group":254,"meta":550,"navigation":551,"order":211,"path":282,"sections":552,"seo":557,"stem":558,"__hash__":559},"docs_en\u002Fcomponents\u002Fbb-time-picker.md",{"type":356,"value":357,"toc":542},"minimark",[358,392,397,405,408,412,423,434,440,458,461,482,488,497,500,510,516,527],[359,360,361,369],"when",{},[362,363,364,365,368],"p",{},"Use ",[366,367,281],"code",{}," to set a recurring schedule time from your own cell, chip, or\nbutton.",[370,371,373],"template",{"v-slot:else":372},"",[374,375,376,385],"ul",{},[377,378,379,384],"li",{},[380,381,382],"a",{"href":92},[366,383,217],{},": people must type\nthe time or submit it as a labelled form field",[377,386,387,391],{},[380,388,389],{"href":32},[366,390,263],{},": the time belongs to a\nspecific calendar date",[362,393,394,396],{},[366,395,281],{}," is new in v3.",[398,399,401],"h2",{"id":400},"schedule",[402,403,404],"span",{},"Set a schedule time",[362,406,407],{},"Use one picker per schedule value, such as Monday's opening time.",[409,410],"demo",{"name":411},"BbTimePicker\u002FBasic",[362,413,414,415,418,419,422],{},"The model is ",[366,416,417],{},"null"," or a zero-padded 24-hour string such as ",[366,420,421],{},"09:00",". It is a\nwall-clock value: it has no date or timezone and does not shift between regions.",[362,424,425,426,429,430,433],{},"Spread the activator slot's ",[366,427,428],{},"props"," onto the clickable element. Give the picker a\nspecific ",[366,431,432],{},"label","; the slot wiring supplies the click handler, accessible state,\nand focus return.",[398,435,437],{"id":436},"columns",[402,438,439],{},"Display and granularity",[362,441,364,442,445,446,449,450,453,454,457],{},[366,443,444],{},"ampm"," for a 12-hour display, ",[366,447,448],{},"seconds"," for ",[366,451,452],{},"HH:mm:ss",", and ",[366,455,456],{},"step"," for the\nminute rows offered by the columns.",[409,459],{"name":460},"BbTimePicker\u002FColumns",[362,462,463,464,466,467,469,470,473,474,477,478,481],{},"These props do not change the value contract. ",[366,465,444],{}," still emits 24-hour text,\nand ",[366,468,456],{}," constrains picks without rounding an existing off-grid value. ",[366,471,472],{},"min","\nand ",[366,475,476],{},"max"," accept ",[366,479,480],{},"HH:mm",".",[398,483,485],{"id":484},"range",[402,486,487],{},"Schedule windows",[362,489,364,490,492,493,496],{},[366,491,484],{}," for a shift or service window, with ",[366,494,495],{},"[]"," as the empty model.",[409,498],{"name":499},"BbTimePicker\u002FRange",[362,501,502,503,506,507,481],{},"The panel toggle chooses which end is being edited. Bind\n",[366,504,505],{},"v-model:active-segment"," only when another control must read or change that end.\nAn inverted pair is swapped on commit and emits ",[366,508,509],{},"end_before_start",[398,511,513],{"id":512},"surface",[402,514,515],{},"Trigger and mobile surface",[362,517,518,519,522,523,526],{},"Use the ",[366,520,521],{},"activator"," prop for an existing element, or ",[366,524,525],{},"v-bb-time"," for a bare\nschedule cell that does not need slot state. The columns support arrow keys and\ndigit type-ahead; do not add parallel key handlers.",[362,528,529,530,533,534,537,538,541],{},"On mobile, ",[366,531,532],{},"adaptive"," opens the columns in a bottom sheet. Pass options through\n",[366,535,536],{},"offCanvasProps","; set ",[366,539,540],{},":adaptive=\"false\""," for viewport-independent tests.\nDesktop placement props do not apply to the sheet.",{"title":372,"searchDepth":157,"depth":157,"links":543},[544,545,546,547],{"id":400,"depth":135,"text":404},{"id":436,"depth":135,"text":439},{"id":484,"depth":135,"text":487},{"id":512,"depth":135,"text":515},"Open time columns from your own trigger to assign a wall-clock time or schedule window.","md",{},true,[553,554,555,556],{"id":400,"title":404},{"id":436,"title":439},{"id":484,"title":487},{"id":512,"title":515},{"title":281,"description":548},"components\u002Fbb-time-picker","oDQfoGYECwJgcq4DhxFdXKFaeSfV9R17sBeXB-tooi8",{"name":281,"slug":561,"group":254,"description":562,"entrypoint":563,"docs":564,"props":567,"models":668,"events":671,"slots":696,"exposed":700,"pt":701,"validated":352,"migration":722},"bb-time-picker","Opens hour\u002Fminute(\u002Fsecond) columns in a popover on a trigger you own — the time analog of BbDatePicker; also the v-bb-time directive.","bitboss-ui",{"contract":565,"source":566},"ai\u002FBbTimePicker.md","ai\u002Fsource\u002FBbTimePicker.md",[568,572,576,580,583,586,590,593,596,599,602,604,606,610,613,618,621,625,629,632,634,636,638,640,642,644,646,648,650,652,654,656,659,661,664],{"name":521,"type":569,"required":570,"default":352,"description":571,"note":352,"demo":352},"ElementOrComponentRef | undefined",false,"External activator element or component ref. When provided, the `activator`\nslot is not rendered and click + ARIA are attached programmatically to the\nreferenced element — mirroring `BbDatePicker`.",{"name":573,"type":574,"required":570,"default":352,"description":575,"note":352,"demo":352},"activeSegment","BbTimePickerSegment | undefined","Which end the columns edit in range mode (`v-model:active-segment`).\nStandalone use manages this internally via the in-panel toggle; a host can\ndrive it. Ignored outside `range`.",{"name":532,"type":577,"required":570,"default":578,"description":579,"note":352,"demo":352},"boolean | undefined","`config.adaptive` (`true`)","On mobile, open in a bottom off-canvas sheet instead of a floating popover.\nWhen unset, falls back to the global `config.adaptive`.",{"name":444,"type":577,"required":570,"default":581,"description":582,"note":352,"demo":352},"false","12-hour display with an AM\u002FPM column; emitted values stay 24-hour.",{"name":584,"type":569,"required":570,"default":352,"description":585,"note":352,"demo":352},"anchor","Element or component ref the popover positions itself relative to.\nDefaults to the activator when omitted (anchor to a larger row while a\nsmaller element stays the click target).",{"name":587,"type":588,"required":570,"default":352,"description":589,"note":352,"demo":352},"boundary","ElementOrComponentRefOrSelector | undefined","Constrains the popover within a bounding element or CSS selector.",{"name":591,"type":577,"required":570,"default":581,"description":592,"note":352,"demo":352},"disabled","Disables the activator and the columns.",{"name":594,"type":577,"required":570,"default":581,"description":595,"note":352,"demo":352},"disableFlip","Disable the automatic flip to the opposite side on overflow.",{"name":597,"type":577,"required":570,"default":581,"description":598,"note":352,"demo":352},"eager","Render popover content before it is first shown.",{"name":432,"type":600,"required":570,"default":352,"description":601,"note":352,"demo":352},"string | undefined","Accessible label applied to the activator via `aria-label`.",{"name":476,"type":600,"required":570,"default":352,"description":603,"note":352,"demo":352},"Maximum selectable time in `HH:mm` format. Values outside the pattern\nthrow during setup to surface configuration mistakes.",{"name":472,"type":600,"required":570,"default":352,"description":605,"note":352,"demo":352},"Minimum selectable time in `HH:mm` format. Values outside the pattern\nthrow during setup to surface configuration mistakes.",{"name":607,"type":608,"required":551,"default":352,"description":609,"note":352,"demo":352},"modelValue","string | string[] | null","v-model value: `null` for empty, a 24-hour `HH:mm` (or `HH:mm:ss` with\n`seconds`) string, or a two-element `[start, end]` array when `range` is true.",{"name":536,"type":611,"required":570,"default":352,"description":612,"note":352,"demo":352},"Partial\u003CBbOffCanvasProps> | undefined","Props for the phone sheet. A `pt` inside it, object or colon keys, styles\nonly that sheet.\n\nExtra props forwarded to the `BbOffCanvas` sheet when `adaptive` is active on\nmobile (e.g. `title`, `size`, `persistent`). Spread over the defaults: the\nsheet is `draggable` (the time wheels never drag it) and hides its ✕\n(picking, backdrop, Escape and drag close it); pass `{ hideClose: false }`\nto bring the ✕ back.\n\nA `pt` inside it styles ONLY the sheet, in `BbOffCanvas`'s part words\n(`root`, `header`, `title`, `description`, `content`, `footer`, `close`;\nstate `open`), object (`{ pt: { header: '…' } }`) or colon keys\n(`{ 'pt:header': '…' }`) alike. It merges after what this component\nforwards to its sheet, so it wins a conflict and drops nothing — see the\npassthrough guide § Inside the sheet.\n\nFor this component it is the only way to style the sheet's header,\ntitle and ✕: none of its own parts reach inside the sheet.",{"name":614,"type":615,"required":570,"default":616,"description":617,"note":352,"demo":352},"offset","number | undefined","4","Space the popover keeps from the activator.",{"name":619,"type":615,"required":570,"default":352,"description":620,"note":352,"demo":352},"padding","Minimum empty space to keep from the edge of the page.",{"name":622,"type":623,"required":570,"default":352,"description":624,"note":352,"demo":352},"placement","Placement | undefined","Position of the popover relative to the activator\u002Fanchor.",{"name":626,"type":627,"required":570,"default":352,"description":628,"note":352,"demo":352},"pt","PtMap\u003CBbTimePickerPtPart, BbTimePickerPtState> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":630,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:item","PtValue | undefined",{"name":633,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:item:open",{"name":635,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:item:selected",{"name":637,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:panel",{"name":639,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:panel:open",{"name":641,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:panel:selected",{"name":643,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:root",{"name":645,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:root:open",{"name":647,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:root:selected",{"name":649,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:sheet",{"name":651,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:open",{"name":653,"type":631,"required":570,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:selected",{"name":484,"type":577,"required":570,"default":581,"description":655,"note":352,"demo":352},"Range selection: the value is a two-element `[start, end]` array.",{"name":657,"type":577,"required":570,"default":581,"description":658,"note":352,"demo":352},"readonly","Prevents opening while keeping the activator visible.",{"name":448,"type":577,"required":570,"default":581,"description":660,"note":352,"demo":352},"Adds the seconds column.",{"name":456,"type":615,"required":570,"default":662,"description":663,"note":352,"demo":352},"1","Minute-column granularity and arrow stepping.",{"name":665,"type":615,"required":570,"default":666,"description":667,"note":352,"demo":352},"transitionDuration","250","Popover\u002Fsheet transition duration in milliseconds.",[669,670],{"name":573,"type":574,"note":352,"demo":352},{"name":607,"type":608,"note":352,"demo":352},[672,675,678,681,684,687,690,693],{"name":673,"signature":674,"description":352,"note":352,"demo":352},"error","(event: \"error\", error: TimePickerInputError): void",{"name":676,"signature":677,"description":352,"note":352,"demo":352},"hidden","(event: \"hidden\"): void",{"name":679,"signature":680,"description":352,"note":352,"demo":352},"hide","(event: \"hide\"): void",{"name":682,"signature":683,"description":352,"note":352,"demo":352},"show","(event: \"show\"): void",{"name":685,"signature":686,"description":352,"note":352,"demo":352},"shown","(event: \"shown\"): void",{"name":688,"signature":689,"description":352,"note":352,"demo":352},"time-pick","(event: \"time-pick\", payload: { unit: TimeUnit; value: string; }): void",{"name":691,"signature":692,"description":352,"note":352,"demo":352},"update:activeSegment","(event: \"update:activeSegment\", value: BbTimePickerSegment): void",{"name":694,"signature":695,"description":352,"note":352,"demo":352},"update:modelValue","(event: \"update:modelValue\", value: string | string[] | null): void",[697],{"name":521,"type":698,"description":699,"note":352,"demo":352},"BbTimePickerActivatorSlotProps","Custom activator element. Apply `v-bind=\"props\"` to your trigger.",[],{"parts":702,"states":715},[703,706,709,712],{"name":704,"description":705},"root","The floating element — an invisible positioning wrapper; a `class` on the component lands here. No node on the phone sheet: style what you see with `panel`.",{"name":707,"description":708},"panel","The time surface you see — the popover's painted bubble on desktop, the sheet itself on a phone.",{"name":710,"description":711},"sheet","The bottom sheet on a phone only (the `BbOffCanvas` root). Applied after `panel`, so it wins a conflict there.",{"name":713,"description":714},"item","One entry in a column (hour, minute, second, AM \u002F PM) — a broadcast resolved per entry.",[716,719],{"name":717,"description":718},"open","Component-wide: the picker is showing.",{"name":720,"description":721},"selected","Per node, on `item`: the current value's entry in each column.",{"removed":723,"renamed":724},[],[],1790005166930]