@actabldesign/bellhop-core 0.0.3

package/collection/components/bh-date-picker-content/bh-date-picker-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-date-picker-content.js","sourceRoot":"","sources":["../../../src/components/bh-date-picker-content/bh-date-picker-content.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, Watch, h, Host } from '@stencil/core';\nimport { MonthYear } from '../bh-month-picker-content/bh-month-picker-content';\n\nexport interface SelectedDate {\n  year: number;\n  month: number; // 0-11\n  day: number; // 1-31\n}\n\nexport interface DisabledDate {\n  year: number;\n  month: number;\n  day: number;\n}\n\ninterface CalendarCell {\n  day: number;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n  isSelected: boolean;\n  isDisabled: boolean;\n  isRangeStart: boolean;\n  isRangeEnd: boolean;\n  isInRange: boolean;\n  date: Date;\n}\n\n@Component({\n  tag: 'bh-date-picker-content',\n  styleUrl: 'bh-date-picker-content.css',\n  shadow: true,\n})\nexport class BhDatePickerContent {\n  /**\n   * Minimum year in the picker\n   */\n  @Prop() minYear: number = 1998;\n\n  /**\n   * Maximum year in the picker\n   */\n  @Prop() maxYear: number = 2060;\n\n  /**\n   * Whether the picker is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Array of disabled dates\n   */\n  @Prop() disabledDates: DisabledDate[] = [];\n\n  /**\n   * Initial month to display (0-11)\n   */\n  @Prop() initialMonth?: number;\n\n  /**\n   * Initial year to display\n   */\n  @Prop() initialYear?: number;\n\n  /**\n   * Display month (for external control, 0-11)\n   */\n  @Prop() displayMonth?: number;\n\n  /**\n   * Display year (for external control)\n   */\n  @Prop() displayYear?: number;\n\n  /**\n   * Range start date (for date range picker)\n   */\n  @Prop() rangeStart?: SelectedDate;\n\n  /**\n   * Range end date (for date range picker)\n   */\n  @Prop() rangeEnd?: SelectedDate;\n\n  /**\n   * Currently selected value\n   */\n  @Prop() value?: SelectedDate;\n\n  /**\n   * Whether to show days from other months\n   */\n  @Prop() showOtherMonthDays: boolean = true;\n\n  @State() selectedDate: SelectedDate | null = null;\n  @State() currentMonth: number = new Date().getMonth();\n  @State() currentYear: number = new Date().getFullYear();\n  @State() isMonthDropdownOpen: boolean = false;\n  @State() isMonthDropdownClosing: boolean = false;\n\n  private today = new Date();\n  private monthNames = [\n    'January', 'February', 'March', 'April', 'May', 'June',\n    'July', 'August', 'September', 'October', 'November', 'December',\n  ];\n  private dayNames = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n\n  /**\n   * Event emitted when value changes\n   */\n  @Event({ bubbles: true, composed: true }) bhChange!: EventEmitter<SelectedDate | null>;\n\n  /**\n   * Event emitted when a date is selected\n   */\n  @Event({ bubbles: true, composed: true }) bhDateSelect!: EventEmitter<SelectedDate | null>;\n\n  /**\n   * Event emitted when month changes\n   */\n  @Event({ bubbles: true, composed: true }) bhMonthChange!: EventEmitter<{ month: number; year: number }>;\n\n  /**\n   * Event emitted when month/year changes\n   */\n  @Event({ bubbles: true, composed: true }) bhMonthYearChange!: EventEmitter<{ month: number; year: number }>;\n\n  @Watch('value')\n  handleValueChange(newValue: SelectedDate | undefined) {\n    if (newValue) {\n      this.selectedDate = newValue;\n      if (this.displayMonth === undefined && this.displayYear === undefined) {\n        this.currentMonth = newValue.month;\n        this.currentYear = newValue.year;\n      }\n    } else {\n      this.selectedDate = null;\n    }\n  }\n\n  @Watch('displayMonth')\n  handleDisplayMonthChange(newValue: number | undefined) {\n    if (newValue !== undefined) {\n      this.currentMonth = newValue;\n    }\n  }\n\n  @Watch('displayYear')\n  handleDisplayYearChange(newValue: number | undefined) {\n    if (newValue !== undefined) {\n      this.currentYear = newValue;\n    }\n  }\n\n  componentWillLoad() {\n    // Initialize month/year\n    if (this.displayMonth !== undefined) {\n      this.currentMonth = this.displayMonth;\n    } else if (this.initialMonth !== undefined) {\n      this.currentMonth = this.initialMonth;\n    } else {\n      this.currentMonth = this.today.getMonth();\n    }\n\n    if (this.displayYear !== undefined) {\n      this.currentYear = this.displayYear;\n    } else if (this.initialYear !== undefined) {\n      this.currentYear = this.initialYear;\n    } else {\n      this.currentYear = this.today.getFullYear();\n    }\n\n    // Initialize selected date\n    if (this.value) {\n      this.selectedDate = this.value;\n    }\n  }\n\n  private get isInRangeMode(): boolean {\n    return this.rangeStart !== undefined || this.rangeEnd !== undefined;\n  }\n\n  private get calendarCells(): CalendarCell[] {\n    const cells: CalendarCell[] = [];\n    const firstDay = new Date(this.currentYear, this.currentMonth, 1);\n    const lastDay = new Date(this.currentYear, this.currentMonth + 1, 0);\n\n    // Get the day of the week for the first day (0 = Sunday, 6 = Saturday)\n    let firstDayOfWeek = firstDay.getDay();\n    // Convert to Monday start (0 = Monday, 6 = Sunday)\n    firstDayOfWeek = firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;\n\n    // Add cells for days before the first of the month\n    if (this.showOtherMonthDays) {\n      for (let i = 0; i < firstDayOfWeek; i++) {\n        const prevMonthLastDay = new Date(this.currentYear, this.currentMonth, -i);\n        cells.unshift(this.createCell(prevMonthLastDay, false));\n      }\n    } else {\n      for (let i = 0; i < firstDayOfWeek; i++) {\n        cells.unshift({\n          day: 0,\n          isCurrentMonth: false,\n          isToday: false,\n          isSelected: false,\n          isDisabled: true,\n          isRangeStart: false,\n          isRangeEnd: false,\n          isInRange: false,\n          date: new Date(this.currentYear, this.currentMonth, -i),\n        });\n      }\n    }\n\n    // Add cells for current month\n    for (let day = 1; day <= lastDay.getDate(); day++) {\n      const date = new Date(this.currentYear, this.currentMonth, day);\n      cells.push(this.createCell(date, true));\n    }\n\n    // Add next month days to fill the grid\n    if (this.showOtherMonthDays) {\n      const totalCells = cells.length;\n      const remainingCells = 42 - totalCells;\n\n      for (let day = 1; day <= remainingCells; day++) {\n        const nextMonthDay = new Date(this.currentYear, this.currentMonth + 1, day);\n        cells.push(this.createCell(nextMonthDay, false));\n\n        if (cells.length % 7 === 0) break;\n      }\n    }\n\n    return cells;\n  }\n\n  private createCell(date: Date, isCurrentMonth: boolean): CalendarCell {\n    const isRangeStart = this.isDateRangeStart(date);\n    const isRangeEnd = this.isDateRangeEnd(date);\n    const isInRange = this.isDateInRange(date);\n\n    return {\n      day: date.getDate(),\n      isCurrentMonth,\n      isToday: this.isSameDay(date, this.today),\n      isSelected: this.isDateSelected(date),\n      isDisabled: !isCurrentMonth || this.isDateDisabled(date),\n      isRangeStart,\n      isRangeEnd,\n      isInRange,\n      date,\n    };\n  }\n\n  private isSameDay(date1: Date, date2: Date): boolean {\n    return (\n      date1.getFullYear() === date2.getFullYear() &&\n      date1.getMonth() === date2.getMonth() &&\n      date1.getDate() === date2.getDate()\n    );\n  }\n\n  private isDateDisabled(date: Date): boolean {\n    if (!this.disabledDates || !Array.isArray(this.disabledDates)) {\n      return false;\n    }\n    const year = date.getFullYear();\n    const month = date.getMonth();\n    const day = date.getDate();\n    return this.disabledDates.some(\n      disabled => disabled.year === year && disabled.month === month && disabled.day === day\n    );\n  }\n\n  private isDateSelected(date: Date): boolean {\n    if (this.isInRangeMode) return false;\n    if (!this.selectedDate) return false;\n\n    return (\n      date.getFullYear() === this.selectedDate.year &&\n      date.getMonth() === this.selectedDate.month &&\n      date.getDate() === this.selectedDate.day\n    );\n  }\n\n  private isDateRangeStart(date: Date): boolean {\n    if (!this.rangeStart) return false;\n\n    return (\n      date.getFullYear() === this.rangeStart.year &&\n      date.getMonth() === this.rangeStart.month &&\n      date.getDate() === this.rangeStart.day\n    );\n  }\n\n  private isDateRangeEnd(date: Date): boolean {\n    if (!this.rangeEnd) return false;\n\n    return (\n      date.getFullYear() === this.rangeEnd.year &&\n      date.getMonth() === this.rangeEnd.month &&\n      date.getDate() === this.rangeEnd.day\n    );\n  }\n\n  private isDateInRange(date: Date): boolean {\n    if (!this.rangeStart || !this.rangeEnd) return false;\n\n    const dateTime = date.getTime();\n    const startTime = new Date(this.rangeStart.year, this.rangeStart.month, this.rangeStart.day).getTime();\n    const endTime = new Date(this.rangeEnd.year, this.rangeEnd.month, this.rangeEnd.day).getTime();\n\n    return dateTime > startTime && dateTime < endTime;\n  }\n\n  private handleCellClick(cell: CalendarCell) {\n    if (cell.isDisabled || this.disabled || !cell.isCurrentMonth) {\n      return;\n    }\n\n    const newSelectedDate: SelectedDate = {\n      year: cell.date.getFullYear(),\n      month: cell.date.getMonth(),\n      day: cell.date.getDate(),\n    };\n\n    // If we're in range mode, let the parent handle it\n    if (this.isInRangeMode) {\n      this.bhChange.emit(newSelectedDate);\n      this.bhDateSelect.emit(newSelectedDate);\n      return;\n    }\n\n    // Toggle selection\n    const isCurrentlySelected = this.selectedDate &&\n      this.selectedDate.year === newSelectedDate.year &&\n      this.selectedDate.month === newSelectedDate.month &&\n      this.selectedDate.day === newSelectedDate.day;\n\n    if (isCurrentlySelected) {\n      this.selectedDate = null;\n      this.bhChange.emit(null);\n      this.bhDateSelect.emit(null);\n    } else {\n      this.selectedDate = newSelectedDate;\n      this.bhChange.emit(newSelectedDate);\n      this.bhDateSelect.emit(newSelectedDate);\n    }\n  }\n\n  private handleMonthDropdownToggle = () => {\n    if (this.isMonthDropdownOpen) {\n      this.closeMonthDropdown();\n    } else {\n      this.isMonthDropdownOpen = true;\n    }\n  };\n\n  private closeMonthDropdown() {\n    this.isMonthDropdownClosing = true;\n    setTimeout(() => {\n      this.isMonthDropdownOpen = false;\n      this.isMonthDropdownClosing = false;\n    }, 150);\n  }\n\n  private handleMonthYearSelect = (event: CustomEvent<MonthYear>) => {\n    this.closeMonthDropdown();\n\n    setTimeout(() => {\n      const monthYear = event.detail;\n      this.currentMonth = monthYear.month;\n      this.currentYear = monthYear.year;\n      this.bhMonthChange.emit({ month: monthYear.month, year: monthYear.year });\n      this.bhMonthYearChange.emit({ month: monthYear.month, year: monthYear.year });\n    }, 100);\n  };\n\n  private handlePreviousMonth = () => {\n    if (this.disabled) return;\n\n    let newMonth = this.currentMonth - 1;\n    let newYear = this.currentYear;\n\n    if (newMonth < 0) {\n      newMonth = 11;\n      newYear = this.currentYear - 1;\n    }\n\n    if (newYear >= this.minYear) {\n      this.currentMonth = newMonth;\n      this.currentYear = newYear;\n      this.bhMonthChange.emit({ month: newMonth, year: newYear });\n      this.bhMonthYearChange.emit({ month: newMonth, year: newYear });\n    }\n  };\n\n  private handleNextMonth = () => {\n    if (this.disabled) return;\n\n    let newMonth = this.currentMonth + 1;\n    let newYear = this.currentYear;\n\n    if (newMonth > 11) {\n      newMonth = 0;\n      newYear = this.currentYear + 1;\n    }\n\n    if (newYear <= this.maxYear) {\n      this.currentMonth = newMonth;\n      this.currentYear = newYear;\n      this.bhMonthChange.emit({ month: newMonth, year: newYear });\n      this.bhMonthYearChange.emit({ month: newMonth, year: newYear });\n    }\n  };\n\n  private getCellClass(cell: CalendarCell): string {\n    const classes = ['calendar-cell'];\n\n    if (!cell.isCurrentMonth) classes.push('other-month');\n    if (cell.isToday) classes.push('today');\n    if (cell.isRangeStart) classes.push('range-start');\n    if (cell.isRangeEnd) classes.push('range-end');\n    if (cell.isInRange) classes.push('in-range');\n    if (cell.isSelected) classes.push('selected');\n    if (cell.isDisabled) classes.push('disabled');\n    else if (cell.isCurrentMonth) classes.push('selectable');\n\n    return classes.join(' ');\n  }\n\n  render() {\n    const currentMonthYear = `${this.monthNames[this.currentMonth]} ${this.currentYear}`;\n\n    return (\n      <Host>\n        <div class=\"date-picker-content\">\n          {/* Month Navigation */}\n          <div class=\"month-navigation\">\n            <bh-button-icon\n              hierarchy=\"tertiary\"\n              size=\"md\"\n              iconName=\"chevron_left\"\n              onBhClick={this.handlePreviousMonth}\n              disabled={this.disabled || (this.currentYear === this.minYear && this.currentMonth === 0)}\n            ></bh-button-icon>\n\n            <bh-button\n              hierarchy=\"tertiary\"\n              size=\"sm\"\n              label={currentMonthYear}\n              icon=\"trailing\"\n              iconName=\"expand_more\"\n              onBhClick={this.handleMonthDropdownToggle}\n            ></bh-button>\n\n            <bh-button-icon\n              hierarchy=\"tertiary\"\n              size=\"md\"\n              iconName=\"chevron_right\"\n              onBhClick={this.handleNextMonth}\n              disabled={this.disabled || (this.currentYear === this.maxYear && this.currentMonth === 11)}\n            ></bh-button-icon>\n          </div>\n\n          {/* Calendar Grid or Month Picker */}\n          {!this.isMonthDropdownOpen && (\n            <div class=\"calendar-grid\">\n              {/* Day Names Header */}\n              <div class=\"day-names\">\n                {this.dayNames.map(dayName => (\n                  <div key={dayName} class=\"day-name\">{dayName}</div>\n                ))}\n              </div>\n\n              {/* Date Cells */}\n              <div class=\"date-cells\">\n                {this.calendarCells.map((cell, index) => (\n                  <div\n                    key={index}\n                    class={this.getCellClass(cell)}\n                    onClick={() => this.handleCellClick(cell)}\n                  >\n                    <span class=\"date-number\">{cell.day === 0 ? '' : cell.day}</span>\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Month Picker Content */}\n          {(this.isMonthDropdownOpen || this.isMonthDropdownClosing) && (\n            <div class={`month-picker-inline ${this.isMonthDropdownClosing ? 'animate-fade-out' : ''}`}>\n              <bh-month-picker-content\n                scrollable={true}\n                height=\"275px\"\n                selectedMonth={this.currentMonth}\n                selectedYear={this.currentYear}\n                onBhChange={this.handleMonthYearSelect}\n                minYear={this.minYear}\n                maxYear={this.maxYear}\n              ></bh-month-picker-content>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/collection/components/bh-date-range-picker/bh-date-range-picker.css

@@ -0,0 +1,247 @@
+/**
+ * BellhopOS Stencil Global Styles
+ *
+ * This file imports all design tokens and provides global CSS custom properties
+ * that are available to all Stencil components.
+ */
+
+/* ==========================================================================
+   FONT IMPORTS
+   ========================================================================== */
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');
+
+/* ==========================================================================
+   DESIGN TOKENS
+   ========================================================================== */
+
+:root {
+  /* -------------------------------------------------------------------------
+     COLORS - Primary
+     ------------------------------------------------------------------------- */
+  --color-white: hsl(0, 0%, 100%);
+  --color-black: hsl(0, 0%, 0%);
+  --color-transparent: hsla(0, 0%, 100%, 0);
+
+  /* Neutral */
+  --color-neutral-25: hsl(240, 20%, 99%);
+  --color-neutral-50: hsl(240, 20%, 98%);
+  --color-neutral-100: hsl(240, 17%, 95%);
+  --color-neutral-200: hsl(227, 25%, 89%);
+  --color-neutral-300: hsl(224, 24%, 78%);
+  --color-neutral-400: hsl(226, 24%, 59%);
+  --color-neutral-500: hsl(226, 24%, 48%);
+  --color-neutral-600: hsl(226, 24%, 38%);
+  --color-neutral-700: hsl(226, 24%, 25%);
+  --color-neutral-800: hsl(233, 33%, 10%);
+  --color-neutral-900: hsl(231, 32%, 8%);
+  --color-neutral-950: hsl(231, 32%, 8%);
+
+  /* Brand */
+  --color-brand-25: hsl(220, 82%, 98%);
+  --color-brand-50: hsl(222, 87%, 97%);
+  --color-brand-100: hsl(221, 94%, 94%);
+  --color-brand-200: hsl(221, 92%, 86%);
+  --color-brand-300: hsl(224, 95%, 77%);
+  --color-brand-400: hsl(224, 94%, 72%);
+  --color-brand-500: hsl(230, 67%, 58%);
+  --color-brand-600: hsl(230, 69%, 48%);
+  --color-brand-700: hsl(230, 75%, 34%);
+  --color-brand-800: hsl(243, 86%, 44%);
+  --color-brand-900: hsl(237, 69%, 24%);
+  --color-brand-950: hsl(237, 61%, 20%);
+
+  /* Error */
+  --color-error-25: hsl(12, 100%, 99%);
+  --color-error-50: hsl(5, 86%, 97%);
+  --color-error-100: hsl(4, 93%, 94%);
+  --color-error-200: hsl(3, 96%, 89%);
+  --color-error-300: hsl(4, 96%, 80%);
+  --color-error-400: hsl(4, 92%, 69%);
+  --color-error-500: hsl(4, 86%, 58%);
+  --color-error-600: hsl(4, 74%, 49%);
+  --color-error-700: hsl(4, 76%, 40%);
+  --color-error-800: hsl(4, 72%, 33%);
+  --color-error-900: hsl(8, 65%, 29%);
+  --color-error-950: hsl(8, 75%, 19%);
+
+  /* Warning */
+  --color-warning-25: hsl(42, 100%, 98%);
+  --color-warning-50: hsl(45, 100%, 96%);
+  --color-warning-100: hsl(45, 96%, 89%);
+  --color-warning-200: hsl(44, 98%, 77%);
+  --color-warning-300: hsl(42, 99%, 65%);
+  --color-warning-400: hsl(39, 98%, 56%);
+  --color-warning-500: hsl(34, 94%, 50%);
+  --color-warning-600: hsl(28, 97%, 44%);
+  --color-warning-700: hsl(22, 92%, 37%);
+  --color-warning-800: hsl(19, 84%, 31%);
+  --color-warning-900: hsl(18, 79%, 27%);
+  --color-warning-950: hsl(17, 79%, 17%);
+
+  /* Success */
+  --color-success-25: hsl(142, 80%, 98%);
+  --color-success-50: hsl(145, 81%, 96%);
+  --color-success-100: hsl(140, 80%, 90%);
+  --color-success-200: hsl(144, 78%, 80%);
+  --color-success-300: hsl(148, 63%, 67%);
+  --color-success-400: hsl(150, 57%, 54%);
+  --color-success-500: hsl(152, 77%, 39%);
+  --color-success-600: hsl(153, 91%, 30%);
+  --color-success-700: hsl(155, 90%, 24%);
+  --color-success-800: hsl(155, 84%, 20%);
+  --color-success-900: hsl(156, 83%, 16%);
+  --color-success-950: hsl(157, 82%, 11%);
+
+  /* -------------------------------------------------------------------------
+     TYPOGRAPHY
+     ------------------------------------------------------------------------- */
+  --font-inter: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',
+    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    'Liberation Mono', 'Courier New', monospace;
+
+  /* Weights */
+  --weight-regular: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --weight-bold: 700;
+
+  /* Text Sizes */
+  --text-xl-size: 1.25rem;
+  --text-lg-size: 1.125rem;
+  --text-md-size: 1rem;
+  --text-sm-size: 0.875rem;
+  --text-xs-size: 0.75rem;
+
+  /* Line Heights */
+  --text-xl-line: 1.875rem;
+  --text-lg-line: 1.75rem;
+  --text-md-line: 1.5rem;
+  --text-sm-line: 1.25rem;
+  --text-xs-line: 1.125rem;
+
+  /* -------------------------------------------------------------------------
+     SPACING
+     ------------------------------------------------------------------------- */
+  --spacing-none: 0rem;
+  --spacing-xxs: 0.125rem;
+  --spacing-xs: 0.25rem;
+  --spacing-sm: 0.375rem;
+  --spacing-md: 0.5rem;
+  --spacing-lg: 0.75rem;
+  --spacing-xl: 1rem;
+  --spacing-2xl: 1.25rem;
+  --spacing-3xl: 1.5rem;
+  --spacing-4xl: 2rem;
+  --spacing-5xl: 2.5rem;
+  --spacing-6xl: 3rem;
+
+  /* -------------------------------------------------------------------------
+     RADIUS
+     ------------------------------------------------------------------------- */
+  --radius-none: 0rem;
+  --radius-xxs: 0.125rem;
+  --radius-xs: 0.25rem;
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.625rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-3xl: 1.25rem;
+  --radius-4xl: 1.5rem;
+  --radius-full: 9999px;
+
+  /* -------------------------------------------------------------------------
+     SHADOWS
+     ------------------------------------------------------------------------- */
+  --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
+  --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1),
+    0px 1px 2px rgba(16, 24, 40, 0.06);
+  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
+    0px 2px 4px -2px rgba(16, 24, 40, 0.06);
+  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
+    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
+  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
+    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
+
+  /* -------------------------------------------------------------------------
+     ICON COMPENSATION (for buttons with icons)
+     ------------------------------------------------------------------------- */
+  --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));
+  --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));
+  --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));
+  --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));
+}
+
+/* ==========================================================================
+   BASE STYLES
+   ========================================================================== */
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Material Symbols base styling */
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  font-feature-settings: 'liga';
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}
+
+
+:host {
+  display: inline-block;
+  position: relative;
+}
+
+.date-range-picker-container {
+  position: relative;
+  display: inline-block;
+}
+
+.date-range-picker-trigger {
+  cursor: pointer;
+}
+
+.date-range-inputs {
+  display: flex;
+  gap: var(--spacing-md);
+}
+
+.date-range-picker-menu-container {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  margin-top: var(--spacing-xs);
+}
+
+/* Override picker-menu width for date range */
+.date-range-picker-menu-container bh-picker-menu::part(menu) {
+  width: auto;
+}
+
+.date-range-picker-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 999;
+  background: transparent;
+}