@aquera/nile-elements 0.0.42 → 0.0.44

package/dist/nile-calendar/nile-calendar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-calendar.cjs.js","sources":["../../../src/nile-calendar/nile-calendar.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-calendar.css';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport {\n  getAnimation,\n  setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\nimport { NileDropdown } from '../nile-dropdown';\nimport { TIMEZONES } from './timezones';\n\n/**\n * Nile icon component.\n *\n * @tag nile-calendar\n *\n */\n@customElement('nile-calendar')\nexport class NileCalendar extends NileElement {\n  /**\n   * The styles for NileCalendar\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private currentMonth: number = new Date().getMonth();\n\n  private currentYear: number = new Date().getFullYear();\n\n  @query('nile-dropdown') dropdown: NileDropdown;\n\n  @property({ type: Boolean, reflect: true }) dropDownOpened = false;\n\n  @property({ type: Object }) value: any;\n\n  @property({ type: Object }) rangeValue: any;\n\n  @property({ type: String, attribute: 'value' }) valueAttribute:\n    | string\n    | null = null;\n\n  @property({ type: String, attribute: 'value' }) formattedDate: string | null =\n    null;\n\n  @property({ type: Object }) startDate: Date | null = null;\n\n  @property({ type: Object }) endDate: Date | null = null;\n\n  @property({ type: Boolean }) isSelectingStart = true;\n\n  @property({ type: Boolean }) range = false;\n\n  @property({ type: String }) type = 'absolute';\n\n  @property({ type: String }) selectedUnit: string;\n\n  @property({ type: Number }) selectedValue: number;\n\n  @property({ type: String }) selectedTimeZone: string = 'local';\n\n  @watch('value')\n  valueChanged() {\n    if (this.range && this.value) {\n      this.rangeValue = this.value;\n      this.value = null;\n      return;\n    }\n\n    if (this.value && !isNaN(this.value.getTime())) {\n      const offset = this.value.getTimezoneOffset();\n      const localDate = new Date(this.value.getTime() - offset * 60 * 1000);\n      if (!isNaN(localDate.getTime())) {\n        this.valueAttribute = localDate.toISOString().split('T')[0];\n        this.formattedDate = `${String(localDate.getDate()).padStart(\n          2,\n          '0'\n        )}/${String(localDate.getMonth() + 1).padStart(\n          2,\n          '0'\n        )}/${localDate.getFullYear()}`;\n      }\n    }\n  }\n\n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('valueAttribute')) {\n      const date = new Date(this.valueAttribute || '');\n      if (!isNaN(date.getTime())) {\n        const offset = date.getTimezoneOffset();\n        this.value = new Date(date.getTime() - offset * 60 * 1000);\n        this.currentMonth = this.value.getMonth();\n        this.currentYear = this.value.getFullYear();\n      }\n    }\n  }\n\n  static get observedAttributes() {\n    return ['value', 'range'];\n  }\n\n  attributeChangedCallback(name: string, oldValue: string, newValue: string) {\n    if (name === 'value') {\n      this.valueAttribute = newValue;\n      this.initializeValue();\n    } else if (name === 'range') {\n      this.range = newValue !== null;\n    }\n  }\n\n  initializeValue() {\n    if (this.range) {\n      try {\n        const rangeValue = JSON.parse(this.valueAttribute || '');\n        this.startDate = new Date(rangeValue.startDate);\n        this.endDate = new Date(rangeValue.endDate);\n\n        // Convert to local time\n        this.startDate = new Date(this.startDate.getTime());\n        this.endDate = new Date(this.endDate.getTime());\n\n        this.rangeValue = {\n          startDate: this.startDate,\n          endDate: this.endDate,\n        };\n        this.value = null;\n      } catch (e) {\n        // console.error('Invalid range value');\n      }\n    } else {\n      if (this.valueAttribute) {\n        let date: Date;\n\n        date = new Date(this.valueAttribute);\n\n        date = new Date(date.getTime() - date.getTimezoneOffset() * 60000);\n\n        if (!isNaN(date.getTime())) {\n          this.value = date;\n          this.currentMonth = this.value.getMonth();\n          this.currentYear = this.value.getFullYear();\n          this.rangeValue = null;\n        }\n      }\n    }\n    this.requestUpdate();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.initializeValue();\n\n    if (this.valueAttribute) {\n      const date = new Date(this.valueAttribute);\n      if (!isNaN(date.getTime())) {\n        this.value = date;\n        this.currentMonth = this.value.getMonth();\n        this.currentYear = this.value.getFullYear();\n      }\n    }\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  private getDaysArray(year: number, month: number): number[] {\n    const daysInMonth = new Date(year, month + 1, 0).getDate();\n    return Array.from({ length: daysInMonth }, (_, i) => i + 1);\n  }\n\n  private nextMonth(): void {\n    if (this.currentMonth === 11) {\n      this.currentMonth = 0;\n      this.currentYear++;\n    } else {\n      this.currentMonth++;\n    }\n    this.requestUpdate();\n  }\n\n  private prevMonth(): void {\n    if (this.currentMonth === 0) {\n      this.currentMonth = 11;\n      this.currentYear--;\n    } else {\n      this.currentMonth--;\n    }\n    this.requestUpdate();\n  }\n\n  private selectDate(day: number, month: number, year: number): void {\n    const selectedDate = new Date(year, month, day);\n\n    if (this.range) {\n      if (this.startDate && this.endDate) {\n        this.startDate = null;\n        this.endDate = null;\n      }\n\n      if (this.isSelectingStart) {\n        this.startDate = selectedDate;\n        if (this.endDate && selectedDate > this.endDate) {\n          this.endDate = null;\n        }\n        this.isSelectingStart = false;\n      } else {\n        this.isSelectingStart = true;\n\n        if (this.startDate && selectedDate < this.startDate) {\n          this.startDate = selectedDate;\n          this.endDate = null;\n          this.isSelectingStart = false;\n        } else {\n          const endDate = selectedDate;\n          endDate.setHours(23, 59, 59, 999);\n          this.endDate = endDate;\n        }\n      }\n    } else {\n      this.value = selectedDate;\n      this.emit('nile-changed', { value: this.value });\n      if (this.dropdown) {\n        this.dropdown.hide();\n      }\n    }\n\n    this.requestUpdate();\n  }\n\n  private confimRange() {\n    if (this.startDate && this.endDate) {\n      if (this.selectedTimeZone !== 'local') {\n        this.startDate = this.convertTZ(this.startDate, this.selectedTimeZone);\n        this.endDate = this.convertTZ(this.endDate, this.selectedTimeZone);\n      }\n\n      this.emit('nile-changed', {\n        startDate: this.startDate,\n        endDate: this.endDate,\n      });\n      if (this.dropdown) {\n        this.dropdown.hide();\n      }\n\n      this.rangeValue = {\n        startDate: this.startDate,\n        endDate: this.endDate,\n      };\n    }\n  }\n\n  convertTZ(date: Date, tzString: any) {\n    return new Date(\n      (typeof date === 'string' ? new Date(date) : date).toLocaleString(\n        'en-US',\n        { timeZone: tzString }\n      )\n    );\n  }\n\n  isCurrentDate(day: number, month: number, year: number) {\n    const today = new Date();\n    return (\n      day === today.getDate() &&\n      month + 1 === today.getMonth() + 1 &&\n      year === today.getFullYear()\n    );\n  }\n\n  private renderMonth(\n    year: number,\n    month: number,\n    daysArray: number[]\n  ): TemplateResult {\n    const firstDay = new Date(year, month, 1).getDay();\n    const lastDay = new Date(year, month + 1, 0).getDay();\n    const prevMonthDays = this.getDaysArray(\n      month === 0 ? year - 1 : year,\n      month === 0 ? 11 : month - 1\n    );\n    const nextMonthDays = this.getDaysArray(\n      month === 11 ? year + 1 : year,\n      month === 11 ? 0 : month + 1\n    );\n    const fillerDaysBefore = prevMonthDays.slice(\n      prevMonthDays.length - firstDay\n    );\n    const fillerDaysAfter = nextMonthDays.slice(0, 6 - lastDay);\n    const allDays = [...fillerDaysBefore, ...daysArray, ...fillerDaysAfter];\n\n    const isSelectedDate = (\n      day: number,\n      month: number,\n      year: number,\n      isCurrentMonth: boolean\n    ) => {\n      if (!isCurrentMonth) return '';\n\n      if (!this.range && this.value) {\n        const isSelected =\n          day === this.value.getDate() &&\n          month === this.value.getMonth() &&\n          year === this.value.getFullYear();\n        if (isSelected) return 'selected-date';\n      }\n\n      const isStartDate =\n        this.startDate &&\n        day === this.startDate.getDate() &&\n        month === this.startDate.getMonth() &&\n        year === this.startDate.getFullYear();\n      const isEndDate =\n        this.endDate &&\n        day === this.endDate.getDate() &&\n        month === this.endDate.getMonth() &&\n        year === this.endDate.getFullYear();\n\n      return isStartDate ? 'range-start' : isEndDate ? 'range-end' : '';\n    };\n\n    const isInRange = (\n      day: number,\n      month: number,\n      year: number,\n      isCurrentMonth: boolean\n    ) => {\n      if (!isCurrentMonth) return false;\n      if (this.startDate && this.endDate) {\n        const date = new Date(year, month, day);\n        return date >= this.startDate && date <= this.endDate;\n      }\n      return false;\n    };\n\n    return html`\n      <div class=\"calendar\">\n        <div class=\"calendar-header\">\n          <nile-icon\n            class=\"calendar-header__month-navigation\"\n            name=\"arrowleft\"\n            color=\"black\"\n            @click=\"${this.prevMonth}\"\n          >\n          </nile-icon>\n          <span\n            >${new Date(year, month).toLocaleString('default', {\n              month: 'long',\n            })}\n            ${year}</span\n          >\n          <nile-icon\n            class=\"calendar-header__month-navigation\"\n            name=\"arrowright\"\n            color=\"black\"\n            @click=\"${this.nextMonth}\"\n          >\n          </nile-icon>\n        </div>\n        <div class=\"header-divider\"> </div>\n        <div class=\"day-names\">\n          <div class=\"day\">Sun</div>\n          <div class=\"day\">Mon</div>\n          <div class=\"day\">Tue</div>\n          <div class=\"day\">Wed</div>\n          <div class=\"day\">Thu</div>\n          <div class=\"day\">Fri</div>\n          <div class=\"day\">Sat</div>\n        </div>\n        <div class=\"days\">\n          ${allDays.map((day, index) => {\n            const isCurrentMonth =\n              index >= fillerDaysBefore.length &&\n              index < fillerDaysBefore.length + daysArray.length;\n            return html` <div\n              class=\"day ${isSelectedDate(\n                day,\n                month,\n                year,\n                isCurrentMonth\n              )} ${isInRange(day, month, year, isCurrentMonth)\n                ? 'in-range'\n                : ''} ${!isCurrentMonth ? 'filler' : ''}\n                ${this.isCurrentDate(day, month, year) && isCurrentMonth\n                ? 'current-date'\n                : ''}\n                \"\n              @click=\"${() => {\n                if (isCurrentMonth) {\n                  this.selectDate(day, month, year);\n                }\n              }}\"\n            >\n              ${day}\n            </div>`;\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private formatDate(date: Date | null): string {\n    if (!date) return '';\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = date.getFullYear();\n    return `${day}/${month}/${year}`;\n  }\n\n  private formatDateRange(value: {\n    startDate: Date | null;\n    endDate: Date | null;\n  }): string {\n    if (!value) {\n      return value;\n    }\n    if (!value.startDate || !value.endDate) return '';\n    return `${this.formatDate(value.startDate)} - ${this.formatDate(\n      value.endDate\n    )}`;\n  }\n\n  private handleStartDateInput(event: CustomEvent): void {\n    const date = this.parseDate(event.detail.value);\n    if (!this.isValidDateInput(date)) {\n      this.startDate = null;\n    }\n    if (date && (!this.endDate || date <= this.endDate)) {\n      this.startDate = date;\n    } else {\n      this.startDate = null;\n      this.endDate = null;\n    }\n    this.requestUpdate();\n  }\n\n  private handleEndDateInput(event: CustomEvent): void {\n    const date = this.parseDate(event.detail.value);\n    if (!this.isValidDateInput(date)) {\n      this.endDate = null;\n    }\n    if (date && (!this.startDate || date >= this.startDate)) {\n      this.endDate = date;\n    } else {\n      this.endDate = null;\n    }\n    this.requestUpdate();\n  }\n\n  private parseDate(dateString: string): Date | null {\n    const [day, month, year] = dateString.split('/').map(Number);\n    const date = new Date(year, month - 1, day);\n    return !isNaN(date.getTime()) ? date : null;\n  }\n\n  private isValidDateInput(input: any): boolean {\n    const regex = /^(0[1-9]|[12][0-9]|3[01])\\/(0[1-9]|1[0-2])\\/\\d{4}$/;\n    return regex.test(input);\n  }\n\n  private formatTime(date: Date | null): string {\n    if (!date) return '';\n    const hours = String(date.getHours()).padStart(2, '0');\n    const minutes = String(date.getMinutes()).padStart(2, '0');\n    const seconds = String(date.getSeconds()).padStart(2, '0');\n    return `${hours}:${minutes}:${seconds}`;\n  }\n\n  // Validate time in HH:MM:SS format\n  private isValidTimeInput(input: string): boolean {\n    const regex = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/;\n    return regex.test(input);\n  }\n\n  // Parse time string to a Date object\n  private parseTime(input: string, date: Date): Date | null {\n    if (!this.isValidTimeInput(input)) {\n      return null;\n    }\n    const [hour, minute, second] = input.split(':').map(Number);\n    const newDate = new Date(date.getTime());\n    newDate.setHours(hour, minute, second);\n    return newDate;\n  }\n\n  private handleStartTimeInput(event: CustomEvent): void {\n    if (!this.startDate) {\n      this.startDate = null;\n      return;\n    }\n    const time = this.parseTime(event.detail.value, this.startDate);\n    if (time) {\n      this.startDate = time;\n    } else {\n      this.startDate.setHours(0, 0, 0);\n    }\n    this.requestUpdate();\n  }\n\n  private handleEndTimeInput(event: CustomEvent): void {\n    if (!this.endDate) {\n      this.endDate = null;\n      return;\n    }\n    const time = this.parseTime(event.detail.value, this.endDate);\n    if (time) {\n      this.endDate = time;\n    } else {\n      this.endDate.setHours(0, 0, 0);\n    }\n    this.requestUpdate();\n  }\n\n  setType(newType: string) {\n    this.type = newType;\n  }\n\n  createRelativePeriod(unit: String, value: number) {\n    const endTime = new Date();\n    const startTime = new Date();\n\n    switch (unit) {\n      case 'minutes':\n        startTime.setMinutes(startTime.getMinutes() - value);\n        break;\n      case 'hours':\n        startTime.setHours(startTime.getHours() - value);\n        break;\n      case 'days':\n        startTime.setDate(startTime.getDate() - value);\n        break;\n      case 'weeks':\n        startTime.setDate(startTime.getDate() - 7 * value); // Subtract weeks as days\n        break;\n      case 'months':\n        startTime.setMonth(startTime.getMonth() - value);\n        break;\n    }\n\n    this.startDate = new Date(startTime.getTime());\n    this.endDate = new Date(endTime.getTime());\n\n    this.requestUpdate();\n\n    return {\n      startDate: this.startDate,\n      endDate: this.endDate,\n    };\n  }\n\n  handleTimeValueClick(unit: string, value: number, event: any) {\n    const timestamps = this.createRelativePeriod(unit, value);\n\n    this.selectedUnit = unit;\n    this.selectedValue = value;\n\n    this.requestUpdate();\n  }\n\n  renderTimeValues(unit: string, values: any[]) {\n    return values.map(\n      value =>\n        html`\n          <div\n            class=\"time-value ${this.selectedUnit === unit &&\n            this.selectedValue === value\n              ? 'time-value--selected'\n              : ''}\"\n            @click=${(e: any) => this.handleTimeValueClick(unit, value, e)}\n          >\n            ${value}\n          </div>\n        `\n    );\n  }\n\n  handleDurationChange(event: any) {\n    this.selectedValue = Number(event.detail.value);\n    if (this.selectedUnit && this.selectedValue) {\n      this.handleTimeValueClick(this.selectedUnit, this.selectedValue, event);\n    }\n  }\n\n  handleUnitChange(event: any) {\n    this.selectedUnit = event.detail.value;\n    if (this.selectedUnit && this.selectedValue) {\n      this.handleTimeValueClick(this.selectedUnit, this.selectedValue, event);\n    }\n  }\n\n  handleTimeZoneChange(event: any) {\n    this.selectedTimeZone = event.detail.value;\n    this.requestUpdate();\n  }\n\n  onTypeChange(event: any) {\n    this.type = event.detail.value;\n  }\n\n  /**\n   * Render method\n   */\n  render(): TemplateResult {\n    const timeZones: string[] = TIMEZONES;\n\n    const daysArray = this.getDaysArray(this.currentYear, this.currentMonth);\n    const nextMonth = (this.currentMonth + 1) % 12;\n    const nextYear =\n      this.currentMonth === 11 ? this.currentYear + 1 : this.currentYear;\n    const nextMonthDaysArray = this.getDaysArray(nextYear, nextMonth);\n\n    return html`\n      <div\n        class=\"base ${this.range ? 'base__range' : ''} ${this.type ===\n        'relative'\n          ? 'base__relative'\n          : ''}\"\n      >\n        <div class=\"calendar-config ${!this.range ? 'hidden' : ''}\">\n          <div class=\"calendar-switcher\">\n            <nile-tab-group centered @nile-tab-show=\"${this.onTypeChange}\">\n              <nile-tab slot=\"nav\" panel=\"absolute\">Absolute</nile-tab>\n              <nile-tab slot=\"nav\" panel=\"relative\">Relative</nile-tab>\n            </nile-tab-group>\n          </div>\n\n        </div>\n\n        <div class=\"calendar-timezone ${!this.range ? 'hidden' : ''}\">\n            <nile-select\n              hoist\n              value=${this.selectedTimeZone}\n              @nile-change=${this.handleTimeZoneChange}\n            >\n              <nile-option value=\"local\">Local Time Zone</nile-option>\n              <nile-option value=\"UTC\">UTC</nile-option>\n            </nile-select>\n          </div>\n\n        <div\n          class=\"calendar-wrapper  ${this.type !== 'absolute' ? 'hidden' : ''}\"\n        >\n          <div class=\"calendar-container ${this.range ? 'with-margin' : ''}\">\n            ${this.renderMonth(\n              this.currentYear,\n              this.currentMonth,\n              this.getDaysArray(this.currentYear, this.currentMonth)\n            )}\n          </div>\n        </div>\n\n        <div class=\"unit-container ${this.type !== 'relative' ? 'hidden' : ''}\">\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Minutes</span></div>\n            <div class=\"time-unit-value\">\n              ${this.renderTimeValues('minutes', [1, 3, 5, 15, 30, 45])}\n            </div>\n          </div>\n\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Hours</span></div>\n            <div class=\"time-unit-value\">\n              ${this.renderTimeValues('hours', [1, 2, 3, 6, 8, 12])}\n            </div>\n          </div>\n\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Days</span></div>\n            <div class=\"time-unit-value\">\n              ${this.renderTimeValues('days', [1, 2, 3, 4, 5, 6])}\n            </div>\n          </div>\n\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Weeks</span></div>\n            <div class=\"time-unit-value\">\n              ${this.renderTimeValues('weeks', [1, 2, 4, 6])}\n            </div>\n          </div>\n\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Months:</span></div>\n            <div class=\"time-unit-value\">\n              ${this.renderTimeValues('months', [3, 6, 12, 15])}\n            </div>\n          </div>\n        </div>\n\n        ${this.range && this.type === 'relative'\n          ? html`\n          <div class=\"calender-input calender-input--relative\">\n            <div class=\"unit-input-container\">\n              <nile-input class=\"manual-input\" label=\"Duration\"  value=\"${\n                this.selectedValue\n              }\"\n              @nile-input=\"${this.handleDurationChange}\"\n              placeholder=\"Enter Value\" ></nile-input>\n              <nile-select class=\"manual-input\"  label=\"Unit of time\" style=\"margin-top:3px\" value=\"${\n                this.selectedUnit\n              }\"\n              @nile-change=\"${this.handleUnitChange}\"\n              >\n                <nile-option value=\"minutes\"> Minutes </nile-option>\n                <nile-option value=\"hours\"> Hours </nile-option>\n                <nile-option value=\"days\"> Days </nile-option>\n                <nile-option value=\"weeks\"> Weeks </nile-option>\n                <nile-option value=\"months\"> Months </nile-option>\n          </nile-select>\n\n            </div>\n\n          <div class=\"button-container--relative\">\n            <nile-button class=\"apply-button\"  ?disabled=\"${\n              !this.startDate || !this.endDate\n            }\"  @click=\"${this.confimRange}\"> Apply</nile-button>\n            </div>\n\n\n        </div>\n        </div>\n        `\n          : ''}\n        ${this.range && this.type === 'absolute'\n          ? html`\n          <div class=\"calender-input\">\n            <span class=\"manual-input-label\">From </span>\n            <div class=\"from\">\n              <nile-input class=\"manual-input\" value=\"${this.formatDate(\n                this.startDate\n              )}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${\n              this.handleStartDateInput\n            }\"></nile-input>\n              <nile-input class=\"manual-input\" value=\"${this.formatTime(\n                this.startDate\n              )}\" placeholder=\"HH:MM:SS\" @nile-change=\"${\n              this.handleStartTimeInput\n            }\"> </nile-input>\n\n            </div>\n<br>\n            <span class=\"manual-input-label\">To </span>\n            <div class=\"from\">\n            <nile-input class=\"manual-input\" value=\"${this.formatDate(\n              this.endDate\n            )}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${\n              this.handleEndDateInput\n            }\"></nile-input>\n            <nile-input class=\"manual-input\" value=\"${this.formatTime(\n              this.endDate\n            )}\" placeholder=\"HH:MM:SS\" @nile-change=\"${\n              this.handleEndTimeInput\n            }\"> </nile-input>\n          </div>\n        </div>\n        <div class=\"button-container\">\n            <nile-button class=\"apply-button\"  ?disabled=\"${\n              !this.startDate || !this.endDate\n            }\"  @click=\"${this.confimRange}\"> Apply</nile-button>\n            </div>\n        </div>\n        `\n          : ''}\n      </div>\n    `;\n  }\n}\n\nexport default NileCalendar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-calendar': NileCalendar;\n  }\n}\n"],"names":["NileCalendar","_l","_inherits","r","_super","_createSuper","constructor","this","currentMonth","Date","getMonth","currentYear","getFullYear","dropDownOpened","valueAttribute","formattedDate","startDate","endDate","isSelectingStart","range","type","selectedTimeZone","_this","_createClass","key","value","valueChanged","rangeValue","isNaN","getTime","offset","getTimezoneOffset","localDate","toISOString","split","concat","String","getDate","padStart","updated","changedProperties","super","has","date","attributeChangedCallback","name","oldValue","newValue","initializeValue","JSON","parse","e","requestUpdate","connectedCallback","emit","disconnectedCallback","getDaysArray","year","month","daysInMonth","Array","from","length","_","i","nextMonth","prevMonth","selectDate","day","selectedDate","setHours","dropdown","hide","confimRange","convertTZ","tzString","toLocaleString","timeZone","isCurrentDate","today","renderMonth","daysArray","_this2","firstDay","getDay","lastDay","prevMonthDays","nextMonthDays","fillerDaysBefore","slice","fillerDaysAfter","allDays","isSelectedDate","u","isCurrentMonth","isStartDate","isEndDate","isInRange","html","_templateObject","_taggedTemplateLiteral","map","index","_templateObject2","formatDate","formatDateRange","handleStartDateInput","event","parseDate","detail","isValidDateInput","handleEndDateInput","dateString","_t$split$map","Number","input","test","formatTime","getHours","getMinutes","getSeconds","isValidTimeInput","parseTime","_t$split$map3","hour","minute","second","newDate","handleStartTimeInput","time","handleEndTimeInput","setType","newType","createRelativePeriod","unit","endTime","startTime","setMinutes","setDate","setMonth","handleTimeValueClick","selectedUnit","selectedValue","renderTimeValues","values","_templateObject3","handleDurationChange","handleUnitChange","handleTimeZoneChange","onTypeChange","render","nextYear","_templateObject4","_templateObject5","_templateObject6","get","styles","NileElement","__decorate","query","prototype","property","Boolean","reflect","Object","attribute","watch","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-calendar.cjs.js","sources":["../../../src/nile-calendar/nile-calendar.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-calendar.css';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport {\n  getAnimation,\n  setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\nimport { NileDropdown } from '../nile-dropdown';\nimport { TIMEZONES } from './timezones';\n\n/**\n * Nile icon component.\n *\n * @tag nile-calendar\n *\n */\n@customElement('nile-calendar')\nexport class NileCalendar extends NileElement {\n  /**\n   * The styles for NileCalendar\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private currentMonth: number = new Date().getMonth();\n\n  private currentYear: number = new Date().getFullYear();\n\n  @query('nile-dropdown') dropdown: NileDropdown;\n\n  @property({ type: Boolean, reflect: true }) dropDownOpened = false;\n\n  @property({ type: Object }) value: any;\n\n  @property({ type: Object }) rangeValue: any;\n\n  @property({ type: String, attribute: 'value' }) valueAttribute:\n    | string\n    | null = null;\n\n  @property({ type: String, attribute: 'value' }) formattedDate: string | null =\n    null;\n\n  @property({ type: Object }) startDate: Date | null = null;\n\n  @property({ type: Object }) endDate: Date | null = null;\n\n  @property({ type: Boolean }) isSelectingStart = true;\n\n  @property({ type: Boolean }) range = false;\n\n  @property({ type: String }) type = 'absolute';\n\n  @property({ type: String }) selectedUnit: string;\n\n  @property({ type: Number }) selectedValue: number;\n\n  @property({ type: String }) selectedTimeZone: string = 'local';\n\n  @watch('value')\n  valueChanged() {\n    if (this.range && this.value) {\n      this.rangeValue = this.value;\n      this.value = null;\n      return;\n    }\n\n    if (this.value && !isNaN(this.value.getTime())) {\n      const offset = this.value.getTimezoneOffset();\n      const localDate = new Date(this.value.getTime() - offset * 60 * 1000);\n      if (!isNaN(localDate.getTime())) {\n        this.valueAttribute = localDate.toISOString().split('T')[0];\n        this.formattedDate = `${String(localDate.getDate()).padStart(\n          2,\n          '0'\n        )}/${String(localDate.getMonth() + 1).padStart(\n          2,\n          '0'\n        )}/${localDate.getFullYear()}`;\n      }\n    }\n  }\n\n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('valueAttribute')) {\n      const date = new Date(this.valueAttribute || '');\n      if (!isNaN(date.getTime())) {\n        const offset = date.getTimezoneOffset();\n        this.value = new Date(date.getTime() - offset * 60 * 1000);\n        this.currentMonth = this.value.getMonth();\n        this.currentYear = this.value.getFullYear();\n      }\n    }\n  }\n\n  static get observedAttributes() {\n    return ['value', 'range'];\n  }\n\n  attributeChangedCallback(name: string, oldValue: string, newValue: string) {\n    if (name === 'value') {\n      this.valueAttribute = newValue;\n      this.initializeValue();\n    } else if (name === 'range') {\n      this.range = newValue !== null;\n    }\n  }\n\n  initializeValue() {\n    if (this.range) {\n      try {\n        const rangeValue = JSON.parse(this.valueAttribute || '');\n        this.startDate = new Date(rangeValue.startDate);\n        this.endDate = new Date(rangeValue.endDate);\n\n        // Convert to local time\n        this.startDate = new Date(this.startDate.getTime());\n        this.endDate = new Date(this.endDate.getTime());\n\n        this.rangeValue = {\n          startDate: this.startDate,\n          endDate: this.endDate,\n        };\n        this.value = null;\n      } catch (e) {\n        // console.error('Invalid range value');\n      }\n    } else {\n      if (this.valueAttribute) {\n        let date: Date;\n\n        date = new Date(this.valueAttribute);\n\n        date = new Date(date.getTime() - date.getTimezoneOffset() * 60000);\n\n        if (!isNaN(date.getTime())) {\n          this.value = date;\n          this.currentMonth = this.value.getMonth();\n          this.currentYear = this.value.getFullYear();\n          this.rangeValue = null;\n        }\n      }\n    }\n    this.requestUpdate();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.initializeValue();\n\n    if (this.valueAttribute) {\n      const date = new Date(this.valueAttribute);\n      if (!isNaN(date.getTime())) {\n        this.value = date;\n        this.currentMonth = this.value.getMonth();\n        this.currentYear = this.value.getFullYear();\n      }\n    }\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  private getDaysArray(year: number, month: number): number[] {\n    const daysInMonth = new Date(year, month + 1, 0).getDate();\n    return Array.from({ length: daysInMonth }, (_, i) => i + 1);\n  }\n\n  private nextMonth(): void {\n    if (this.currentMonth === 11) {\n      this.currentMonth = 0;\n      this.currentYear++;\n    } else {\n      this.currentMonth++;\n    }\n    this.requestUpdate();\n  }\n\n  private prevMonth(): void {\n    if (this.currentMonth === 0) {\n      this.currentMonth = 11;\n      this.currentYear--;\n    } else {\n      this.currentMonth--;\n    }\n    this.requestUpdate();\n  }\n\n  private selectDate(day: number, month: number, year: number): void {\n    const selectedDate = new Date(year, month, day);\n\n    if (this.range) {\n      if (this.startDate && this.endDate) {\n        this.startDate = null;\n        this.endDate = null;\n      }\n\n      if (this.isSelectingStart) {\n        this.startDate = selectedDate;\n        if (this.endDate && selectedDate > this.endDate) {\n          this.endDate = null;\n        }\n        this.isSelectingStart = false;\n      } else {\n        this.isSelectingStart = true;\n\n        if (this.startDate && selectedDate < this.startDate) {\n          this.startDate = selectedDate;\n          this.endDate = null;\n          this.isSelectingStart = false;\n        } else {\n          const endDate = selectedDate;\n          endDate.setHours(23, 59, 59, 999);\n          this.endDate = endDate;\n        }\n      }\n    } else {\n      this.value = selectedDate;\n      this.emit('nile-changed', { value: this.value });\n      if (this.dropdown) {\n        this.dropdown.hide();\n      }\n    }\n\n    this.requestUpdate();\n  }\n\n  private confimRange() {\n    if (this.startDate && this.endDate) {\n      if (this.selectedTimeZone !== 'local') {\n        this.startDate = this.convertTZ(this.startDate, this.selectedTimeZone);\n        this.endDate = this.convertTZ(this.endDate, this.selectedTimeZone);\n      }\n\n      this.emit('nile-changed', {\n        startDate: this.startDate,\n        endDate: this.endDate,\n      });\n      if (this.dropdown) {\n        this.dropdown.hide();\n      }\n\n      this.rangeValue = {\n        startDate: this.startDate,\n        endDate: this.endDate,\n      };\n    }\n  }\n\n  convertTZ(date: Date, tzString: any) {\n    return new Date(\n      (typeof date === 'string' ? new Date(date) : date).toLocaleString(\n        'en-US',\n        { timeZone: tzString }\n      )\n    );\n  }\n\n  isCurrentDate(day: number, month: number, year: number) {\n    const today = new Date();\n    return (\n      day === today.getDate() &&\n      month + 1 === today.getMonth() + 1 &&\n      year === today.getFullYear()\n    );\n  }\n\n  private renderMonth(\n    year: number,\n    month: number,\n    daysArray: number[]\n  ): TemplateResult {\n    const firstDay = new Date(year, month, 1).getDay();\n    const lastDay = new Date(year, month + 1, 0).getDay();\n    const prevMonthDays = this.getDaysArray(\n      month === 0 ? year - 1 : year,\n      month === 0 ? 11 : month - 1\n    );\n    const nextMonthDays = this.getDaysArray(\n      month === 11 ? year + 1 : year,\n      month === 11 ? 0 : month + 1\n    );\n    const fillerDaysBefore = prevMonthDays.slice(\n      prevMonthDays.length - firstDay\n    );\n    const fillerDaysAfter = nextMonthDays.slice(0, 6 - lastDay);\n    const allDays = [...fillerDaysBefore, ...daysArray, ...fillerDaysAfter];\n\n    const isSelectedDate = (\n      day: number,\n      month: number,\n      year: number,\n      isCurrentMonth: boolean\n    ) => {\n      if (!isCurrentMonth) return '';\n\n      if (!this.range && this.value) {\n        const isSelected =\n          day === this.value.getDate() &&\n          month === this.value.getMonth() &&\n          year === this.value.getFullYear();\n        if (isSelected) return 'selected-date';\n      }\n\n      const isStartDate =\n        this.startDate &&\n        day === this.startDate.getDate() &&\n        month === this.startDate.getMonth() &&\n        year === this.startDate.getFullYear();\n      const isEndDate =\n        this.endDate &&\n        day === this.endDate.getDate() &&\n        month === this.endDate.getMonth() &&\n        year === this.endDate.getFullYear();\n\n      return isStartDate ? 'range-start' : isEndDate ? 'range-end' : '';\n    };\n\n    const isInRange = (\n      day: number,\n      month: number,\n      year: number,\n      isCurrentMonth: boolean\n    ) => {\n      if (!isCurrentMonth) return false;\n      if (this.startDate && this.endDate) {\n        const date = new Date(year, month, day);\n        return date >= this.startDate && date <= this.endDate;\n      }\n      return false;\n    };\n\n    return html`\n      <div class=\"calendar\">\n        <div class=\"calendar-header\">\n          <nile-icon\n            class=\"calendar-header__month-navigation\"\n            name=\"arrowleft\"\n            color=\"black\"\n            @click=\"${this.prevMonth}\"\n          >\n          </nile-icon>\n          <span\n            >${new Date(year, month).toLocaleString('default', {\n      month: 'long',\n    })}\n            ${year}</span\n          >\n          <nile-icon\n            class=\"calendar-header__month-navigation\"\n            name=\"arrowright\"\n            color=\"black\"\n            @click=\"${this.nextMonth}\"\n          >\n          </nile-icon>\n        </div>\n        <div class=\"header-divider\"></div>\n        <div class=\"day-names\">\n          <div class=\"day\">Sun</div>\n          <div class=\"day\">Mon</div>\n          <div class=\"day\">Tue</div>\n          <div class=\"day\">Wed</div>\n          <div class=\"day\">Thu</div>\n          <div class=\"day\">Fri</div>\n          <div class=\"day\">Sat</div>\n        </div>\n        <div class=\"days\">\n          ${allDays.map((day, index) => {\n      const isCurrentMonth =\n        index >= fillerDaysBefore.length &&\n        index < fillerDaysBefore.length + daysArray.length;\n      return html` <div\n              class=\"day ${isSelectedDate(\n        day,\n        month,\n        year,\n        isCurrentMonth\n      )} ${isInRange(day, month, year, isCurrentMonth)\n        ? 'in-range'\n        : ''} ${!isCurrentMonth ? 'filler' : ''}\n                ${this.isCurrentDate(day, month, year) && isCurrentMonth\n          ? 'current-date'\n          : ''}\n                \"\n              @click=\"${() => {\n          if (isCurrentMonth) {\n            this.selectDate(day, month, year);\n          }\n        }}\"\n            >\n              ${day}\n            </div>`;\n    })}\n        </div>\n      </div>\n    `;\n  }\n\n  private formatDate(date: Date | null): string {\n    if (!date) return '';\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = date.getFullYear();\n    return `${day}/${month}/${year}`;\n  }\n\n  private formatDateRange(value: {\n    startDate: Date | null;\n    endDate: Date | null;\n  }): string {\n    if (!value) {\n      return value;\n    }\n    if (!value.startDate || !value.endDate) return '';\n    return `${this.formatDate(value.startDate)} - ${this.formatDate(\n      value.endDate\n    )}`;\n  }\n\n  private handleStartDateInput(event: CustomEvent): void {\n    const date = this.parseDate(event.detail.value);\n    if (!this.isValidDateInput(date)) {\n      this.startDate = null;\n    }\n    if (date && (!this.endDate || date <= this.endDate)) {\n      this.startDate = date;\n    } else {\n      this.startDate = null;\n      this.endDate = null;\n    }\n    this.requestUpdate();\n  }\n\n  private handleEndDateInput(event: CustomEvent): void {\n    const date = this.parseDate(event.detail.value);\n    if (!this.isValidDateInput(date)) {\n      this.endDate = null;\n    }\n    if (date && (!this.startDate || date >= this.startDate)) {\n      this.endDate = date;\n    } else {\n      this.endDate = null;\n    }\n    this.requestUpdate();\n  }\n\n  private parseDate(dateString: string): Date | null {\n    const [day, month, year] = dateString.split('/').map(Number);\n    const date = new Date(year, month - 1, day);\n    return !isNaN(date.getTime()) ? date : null;\n  }\n\n  private isValidDateInput(input: any): boolean {\n    const regex = /^(0[1-9]|[12][0-9]|3[01])\\/(0[1-9]|1[0-2])\\/\\d{4}$/;\n    return regex.test(input);\n  }\n\n  private formatTime(date: Date | null): string {\n    if (!date) return '';\n    const hours = String(date.getHours()).padStart(2, '0');\n    const minutes = String(date.getMinutes()).padStart(2, '0');\n    const seconds = String(date.getSeconds()).padStart(2, '0');\n    return `${hours}:${minutes}:${seconds}`;\n  }\n\n  // Validate time in HH:MM:SS format\n  private isValidTimeInput(input: string): boolean {\n    const regex = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/;\n    return regex.test(input);\n  }\n\n  // Parse time string to a Date object\n  private parseTime(input: string, date: Date): Date | null {\n    if (!this.isValidTimeInput(input)) {\n      return null;\n    }\n    const [hour, minute, second] = input.split(':').map(Number);\n    const newDate = new Date(date.getTime());\n    newDate.setHours(hour, minute, second);\n    return newDate;\n  }\n\n  private handleStartTimeInput(event: CustomEvent): void {\n    if (!this.startDate) {\n      this.startDate = null;\n      return;\n    }\n    const time = this.parseTime(event.detail.value, this.startDate);\n    if (time) {\n      this.startDate = time;\n    } else {\n      this.startDate.setHours(0, 0, 0);\n    }\n    this.requestUpdate();\n  }\n\n  private handleEndTimeInput(event: CustomEvent): void {\n    if (!this.endDate) {\n      this.endDate = null;\n      return;\n    }\n    const time = this.parseTime(event.detail.value, this.endDate);\n    if (time) {\n      this.endDate = time;\n    } else {\n      this.endDate.setHours(0, 0, 0);\n    }\n    this.requestUpdate();\n  }\n\n  setType(newType: string) {\n    this.type = newType;\n  }\n\n  createRelativePeriod(unit: String, value: number) {\n    const endTime = new Date();\n    const startTime = new Date();\n\n    switch (unit) {\n      case 'minutes':\n        startTime.setMinutes(startTime.getMinutes() - value);\n        break;\n      case 'hours':\n        startTime.setHours(startTime.getHours() - value);\n        break;\n      case 'days':\n        startTime.setDate(startTime.getDate() - value);\n        break;\n      case 'weeks':\n        startTime.setDate(startTime.getDate() - 7 * value); // Subtract weeks as days\n        break;\n      case 'months':\n        startTime.setMonth(startTime.getMonth() - value);\n        break;\n    }\n\n    this.startDate = new Date(startTime.getTime());\n    this.endDate = new Date(endTime.getTime());\n\n    this.requestUpdate();\n\n    return {\n      startDate: this.startDate,\n      endDate: this.endDate,\n    };\n  }\n\n  handleTimeValueClick(unit: string, value: number, event: any) {\n    const timestamps = this.createRelativePeriod(unit, value);\n\n    this.selectedUnit = unit;\n    this.selectedValue = value;\n\n    this.requestUpdate();\n  }\n\n  renderTimeValues(unit: string, values: any[]) {\n    return values.map(\n      value =>\n        html`\n          <div\n            class=\"time-value ${this.selectedUnit === unit &&\n            this.selectedValue === value\n            ? 'time-value--selected'\n            : ''}\"\n            @click=${(e: any) => this.handleTimeValueClick(unit, value, e)}\n          >\n            ${value}\n          </div>\n        `\n    );\n  }\n\n  handleDurationChange(event: any) {\n    this.selectedValue = Number(event.detail.value);\n    if (this.selectedUnit && this.selectedValue) {\n      this.handleTimeValueClick(this.selectedUnit, this.selectedValue, event);\n    }\n  }\n\n  handleUnitChange(event: any) {\n    this.selectedUnit = event.detail.value;\n    if (this.selectedUnit && this.selectedValue) {\n      this.handleTimeValueClick(this.selectedUnit, this.selectedValue, event);\n    }\n  }\n\n  handleTimeZoneChange(event: any) {\n    this.selectedTimeZone = event.detail.value;\n    this.requestUpdate();\n  }\n\n  onTypeChange(event: any) {\n    this.type = event.detail.value;\n  }\n\n  /**\n   * Render method\n   */\n  render(): TemplateResult {\n    const timeZones: string[] = TIMEZONES;\n\n    const daysArray = this.getDaysArray(this.currentYear, this.currentMonth);\n    const nextMonth = (this.currentMonth + 1) % 12;\n    const nextYear =\n      this.currentMonth === 11 ? this.currentYear + 1 : this.currentYear;\n    const nextMonthDaysArray = this.getDaysArray(nextYear, nextMonth);\n\n    return html`\n      <div\n        class=\"base ${this.range ? 'base__range' : ''} ${this.type ===\n        'relative'\n        ? 'base__relative'\n        : ''}\"\n      >\n        <div class=\"calendar-config ${!this.range ? 'hidden' : ''}\">\n          <div class=\"calendar-switcher\">\n            <nile-tab-group centered @nile-tab-show=\"${this.onTypeChange}\">\n              <nile-tab slot=\"nav\" panel=\"absolute\">Absolute</nile-tab>\n              <nile-tab slot=\"nav\" panel=\"relative\">Relative</nile-tab>\n            </nile-tab-group>\n          </div>\n        </div>\n\n        <div class=\"calendar-timezone ${!this.range ? 'hidden' : ''}\">\n          <nile-select\n            hoist\n            value=${this.selectedTimeZone}\n            @nile-change=${this.handleTimeZoneChange}\n          >\n            <nile-option value=\"local\">Local Time Zone</nile-option>\n            <nile-option value=\"UTC\">UTC</nile-option>\n          </nile-select>\n        </div>\n\n        <div\n          class=\"calendar-wrapper  ${this.type !== 'absolute' ? 'hidden' : ''}\"\n        >\n          <div class=\"calendar-container ${this.range ? 'with-margin' : ''}\">\n            ${this.renderMonth(\n          this.currentYear,\n          this.currentMonth,\n          this.getDaysArray(this.currentYear, this.currentMonth)\n        )}\n          </div>\n        </div>\n\n        <div class=\"unit-container ${this.type !== 'relative' ? 'hidden' : ''}\">\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Minutes</span></div>\n            <div class=\"time-unit-value minute-values\">\n              ${this.renderTimeValues('minutes', [1, 5, 15, 30, 45])}\n            </div>\n          </div>\n\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Hours</span></div>\n            <div class=\"time-unit-value hours-values\">\n              ${this.renderTimeValues('hours', [1, 2, 3, 6, 8, 12])}\n            </div>\n          </div>\n\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Days</span></div>\n            <div class=\"time-unit-value\">\n              ${this.renderTimeValues('days', [1, 2, 3, 4, 5, 6])}\n            </div>\n          </div>\n\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Weeks</span></div>\n            <div class=\"time-unit-value weeks-values \">\n              ${this.renderTimeValues('weeks', [1, 2, 4, 6])}\n            </div>\n          </div>\n\n          <div class=\"time-unit-group\">\n            <div class=\"time-unit-name\"><span>Months:</span></div>\n            <div class=\"time-unit-value months-values \">\n              ${this.renderTimeValues('months', [3, 6, 12, 15])}\n            </div>\n          </div>\n        </div>\n\n        ${this.range && this.type === 'relative'\n        ? html`\n          <div class=\"calender-input calender-input--relative\">\n            <div class=\"unit-input-container\">\n              <nile-input class=\"manual-input duration-input\" label=\"Duration\"  value=\"${this.selectedValue\n          }\"\n              @nile-input=\"${this.handleDurationChange}\"\n              placeholder=\"Enter Value\" ></nile-input>\n              <nile-select class=\"manual-input  time-input\"  label=\"Unit of time\" style=\"margin-top:3px\" value=\"${this.selectedUnit\n          }\"\n              @nile-change=\"${this.handleUnitChange}\"\n              >\n                <nile-option value=\"minutes\"> Minutes </nile-option>\n                <nile-option value=\"hours\"> Hours </nile-option>\n                <nile-option value=\"days\"> Days </nile-option>\n                <nile-option value=\"weeks\"> Weeks </nile-option>\n                <nile-option value=\"months\"> Months </nile-option>\n              </nile-select>\n\n            </div>\n\n          <div class=\"button-container--relative\">\n            <nile-button class=\"apply-button\" variant=\"primary\"  ?disabled=\"${!this.startDate || !this.endDate\n          }\"  @click=\"${this.confimRange}\"> Apply</nile-button>\n            </div>\n\n\n        </div>\n        </div>\n        `\n        : ''}\n        ${this.range && this.type === 'absolute'\n        ? html`\n          <div class=\"calender-input\">\n            <span class=\"manual-input-label\">From </span>\n            <div class=\"from\">\n              <nile-input class=\"manual-input\" value=\"${this.formatDate(\n          this.startDate\n        )}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${this.handleStartDateInput\n          }\"></nile-input>\n              <nile-input class=\"manual-input\" value=\"${this.formatTime(\n            this.startDate\n          )}\" placeholder=\"HH:MM:SS\" @nile-change=\"${this.handleStartTimeInput\n          }\"> </nile-input>\n\n            </div>\n<br>\n            <span class=\"manual-input-label\">To </span>\n            <div class=\"from\">\n            <nile-input class=\"manual-input\" value=\"${this.formatDate(\n            this.endDate\n          )}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${this.handleEndDateInput\n          }\"></nile-input>\n            <nile-input class=\"manual-input\" value=\"${this.formatTime(\n            this.endDate\n          )}\" placeholder=\"HH:MM:SS\" @nile-change=\"${this.handleEndTimeInput\n          }\"> </nile-input>\n          </div>\n        </div>\n        <div class=\"button-container\">\n            <nile-button class=\"apply-button\"  ?disabled=\"${!this.startDate || !this.endDate\n          }\"  @click=\"${this.confimRange}\"> Apply</nile-button>\n            </div>\n        </div>\n        `\n        : ''}\n      </div>\n    `;\n  }\n}\n\nexport default NileCalendar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-calendar': NileCalendar;\n  }\n}\n"],"names":["NileCalendar","_l","_inherits","r","_super","_createSuper","constructor","this","currentMonth","Date","getMonth","currentYear","getFullYear","dropDownOpened","valueAttribute","formattedDate","startDate","endDate","isSelectingStart","range","type","selectedTimeZone","_this","_createClass","key","value","valueChanged","rangeValue","isNaN","getTime","offset","getTimezoneOffset","localDate","toISOString","split","concat","String","getDate","padStart","updated","changedProperties","super","has","date","attributeChangedCallback","name","oldValue","newValue","initializeValue","JSON","parse","e","requestUpdate","connectedCallback","emit","disconnectedCallback","getDaysArray","year","month","daysInMonth","Array","from","length","_","i","nextMonth","prevMonth","selectDate","day","selectedDate","setHours","dropdown","hide","confimRange","convertTZ","tzString","toLocaleString","timeZone","isCurrentDate","today","renderMonth","daysArray","_this2","firstDay","getDay","lastDay","prevMonthDays","nextMonthDays","fillerDaysBefore","slice","fillerDaysAfter","allDays","isSelectedDate","o","isCurrentMonth","isStartDate","isEndDate","isInRange","html","_templateObject","_taggedTemplateLiteral","map","index","_templateObject2","formatDate","formatDateRange","handleStartDateInput","event","parseDate","detail","isValidDateInput","handleEndDateInput","dateString","_t$split$map","Number","input","test","formatTime","getHours","getMinutes","getSeconds","isValidTimeInput","parseTime","_t$split$map3","hour","minute","second","newDate","handleStartTimeInput","time","handleEndTimeInput","setType","newType","createRelativePeriod","unit","endTime","startTime","setMinutes","setDate","setMonth","handleTimeValueClick","selectedUnit","selectedValue","renderTimeValues","values","_templateObject3","handleDurationChange","handleUnitChange","handleTimeZoneChange","onTypeChange","render","nextYear","_templateObject4","_templateObject5","_templateObject6","get","styles","NileElement","__decorate","query","prototype","property","Boolean","reflect","Object","attribute","watch","customElement"],"mappings":"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"}

package/dist/nile-calendar/nile-calendar.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .calendar-container {\n    font-family: Colfax-regular;\n    width: 290px;\n    height: auto;\n    text-align: center;\n    background: white;\n    border-radius: 8px;\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .header-divider {\n    background: #c7ced4;\n    height: 1px;\n    width: 100%;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n    padding: 0 12px 0 12px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 4px 7px;\n  }\n\n  .days {\n    height: auto;\n    padding: 0 12px 12px 12px;\n  }\n\n  .day {\n    flex-basis: auto;\n    min-width: 32px;\n    min-height: 32px;\n    flex-grow: 0;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .current-date {\n    border: 1px solid #1978b8;\n  }\n\n  .day:hover {\n    background-color: #e5e9eb;\n  }\n\n  .filler {\n    color: #7f7f7f;\n    pointer-events: none;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .selected-date:hover {\n    background: #a5d3f3;\n  }\n\n  .calendar-wrapper {\n    background: white;\n    display: flex;\n    justify-content: space-between;\n    width: 290px;\n    border-radius: 8px;\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    border-radius: 4px;\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .range-start {\n    background: #a5d3f3;\n    border-radius: 4px 0 0 4px;\n    color: white;\n  }\n\n  .range-end {\n    background: #a5d3f3;\n    border-radius: 0 4px 4px 0;\n    color: white;\n  }\n\n  .range-middle {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 0;\n  }\n\n  .day.selected {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 4px;\n  }\n\n  .day.in-range {\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .base {\n    background-color: white;\n    border-radius: 8px;\n    width: 290px;\n  }\n\n  .base__relative {\n    width: 494px;\n  }\n\n  .calender-input {\n    margin-top: 6px;\n    padding: 0 16px;\n    width: 290px;\n  }\n\n  .calender-input--relative {\n    width: 494px;\n    padding: 0;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 12px;\n    width: 125px;\n  }\n\n  .manual-input {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: #7f7f7f;\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-container {\n    width: 100%;\n    text-align: right;\n    padding: 12px 16px 16px 16px;\n    box-sizing: border-box;\n  }\n\n  .calendar-config {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 12px;\n  }\n\n  .calendar-switcher {\n    width: 100%;\n    margin-right: 24px;\n    margin-top: 16px;\n  }\n\n  .calendar-switch {\n    padding-bottom: 12px;\n    cursor: pointer;\n  }\n\n  .calendar-switch__active {\n    padding-bottom: 12px;\n    border-bottom: 4px solid #005ea6;\n  }\n\n  .unit-container {\n    display: flex;\n    flex-direction: column;\n    width: 494px;\n    padding: 24px 24px 0 24px;\n  }\n\n  .time-unit-group {\n    display: flex;\n    align-items: center;\n    margin-bottom: 24px;\n    gap: 24px;\n  }\n\n  .time-unit-name {\n    width: 54px;\n  }\n\n  .time-unit-name span {\n    margin-right: 24px;\n    color: var(--color-text-default, #000);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .time-unit-value {\n    display: flex;\n  }\n\n  .time-value {\n    display: inline-flex;\n    width: 48px;\n    height: 32px;\n    box-sizing: border-box;\n    padding: 5px;\n    border: 1px solid #ddd;\n    cursor: pointer;\n    justify-content: center;\n    align-items: center;\n    margin-right: 16px;\n    border-radius: 4px;\n    border: 1px solid #c7ced4;\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  .time-value--selected {\n    background: #a5d3f3;\n  }\n\n  .time-value:last-child {\n    margin-right: 0;\n  }\n\n  .time-value:hover {\n    background: #e5e9eb;\n  }\n\n  .time-value--selected:hover {\n    background-color: #a5d3f3;\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .calendar-timezone {\n    padding: 0 16px;\n  }\n\n  .unit-input-container {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 0px 24px;\n  }\n\n  .button-container--relative {\n    width: 100%;\n    text-align: right;\n    padding: 24px;\n    box-sizing: border-box;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .calendar-container {\n    font-family:var(--nile-font-family-serif);\n    width: 290px;\n    height: auto;\n    text-align: center;\n    background: white;\n    border-radius: 8px;\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .header-divider {\n    background: #c7ced4;\n    height: 1px;\n    width: 100%;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n    padding: 0 12px 0 12px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 4px 7px;\n  }\n\n  .days {\n    height: auto;\n    padding: 0 12px 12px 12px;\n  }\n\n  .day {\n    flex-basis: auto;\n    min-width: 32px;\n    min-height: 32px;\n    flex-grow: 0;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .current-date {\n    border: 1px solid #1978b8;\n  }\n\n  .day:hover {\n    background-color: #e5e9eb;\n  }\n\n  .filler {\n    color: #7f7f7f;\n    pointer-events: none;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .selected-date:hover {\n    background: #a5d3f3;\n  }\n\n  .calendar-wrapper {\n    background: white;\n    display: flex;\n    justify-content: space-between;\n    width: 290px;\n    border-radius: 8px;\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    border-radius: 4px;\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .range-start {\n    background: #a5d3f3;\n    border-radius: 4px 0 0 4px;\n    color: white;\n  }\n\n  .range-end {\n    background: #a5d3f3;\n    border-radius: 0 4px 4px 0;\n    color: white;\n  }\n\n  .range-middle {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 0;\n  }\n\n  .day.selected {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 4px;\n  }\n\n  .day.in-range {\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .base {\n    background-color: white;\n    border-radius: 8px;\n    width: 290px;\n  }\n\n  .base__relative {\n    width: 352px;\n  }\n\n  .calender-input {\n    margin-top: 6px;\n    padding: 0 16px;\n    width: 290px;\n  }\n\n  .calender-input--relative {\n    width: 352px;\n    padding: 0;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 12px;\n    width: 125px;\n  }\n\n  .manual-input {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: #7f7f7f;\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-container {\n    width: 100%;\n    text-align: right;\n    padding: 12px 16px 16px 16px;\n    box-sizing: border-box;\n  }\n\n  .calendar-config {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 12px;\n  }\n\n  .calendar-switcher {\n    width: 100%;\n    margin-right: 24px;\n    margin-top: 16px;\n  }\n\n  .calendar-switch {\n    padding-bottom: 12px;\n    cursor: pointer;\n  }\n\n  .calendar-switch__active {\n    padding-bottom: 12px;\n    border-bottom: 4px solid #005ea6;\n  }\n\n  .unit-container {\n    display: flex;\n    flex-direction: column;\n    width: 352px;\n    gap:10px;\n    padding: 24px 24px 0 24px;\n  }\n\n  .time-unit-group {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    justify-content:center;\n    gap: 12px;\n  }\n\n  .time-unit-name {\n    width: 54px;\n  }\n\n  .time-unit-name span {\n    margin-right: 24px;\n    color: var(--color-text-default, #000);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .time-unit-value {\n    display: flex;\n    gap: 3px;\n  }\n\n  .time-value {\n    display: inline-flex;\n    width: 48px;\n    height: 32px;\n    box-sizing: border-box;\n    padding: 5px;\n    border: 1px solid #ddd;\n    cursor: pointer;\n    justify-content: center;\n    align-items: center;\n    /* margin-right: 16px; */\n    border-radius: 4px;\n    border: 1px solid #c7ced4;\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  .time-value--selected {\n    background: #a5d3f3;\n  }\n\n  .time-value:last-child {\n    margin-right: 0;\n  }\n\n  .time-value:hover {\n    background: #e5e9eb;\n  }\n\n  .time-value--selected:hover {\n    background-color: #a5d3f3;\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .calendar-timezone {\n    padding: 0 16px;\n  }\n\n  .unit-input-container {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 0px 24px;\n  }\n\n  .button-container--relative {\n    width: 100%;\n    text-align: right;\n    padding: 24px;\n    box-sizing: border-box;\n  }\n\n  .duration-input {\n    width: 140px;\n  }\n\n  .time-input {\n    width: 140px;\n  }\n\n  .minute-values {\n    gap: 16px;\n  }\n\n  .weeks-values {\n    gap: 16px;\n  }\n\n  .months-values {\n    gap: 16px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-calendar.css.cjs.js.map

package/dist/nile-calendar/nile-calendar.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-calendar.css.cjs.js","sources":["../../../src/nile-calendar/nile-calendar.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * DatePicker CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .calendar-container {\n    font-family: Colfax-regular;\n    width: 290px;\n    height: auto;\n    text-align: center;\n    background: white;\n    border-radius: 8px;\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .header-divider {\n    background: #c7ced4;\n    height: 1px;\n    width: 100%;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n    padding: 0 12px 0 12px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 4px 7px;\n  }\n\n  .days {\n    height: auto;\n    padding: 0 12px 12px 12px;\n  }\n\n  .day {\n    flex-basis: auto;\n    min-width: 32px;\n    min-height: 32px;\n    flex-grow: 0;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .current-date {\n    border: 1px solid #1978b8;\n  }\n\n  .day:hover {\n    background-color: #e5e9eb;\n  }\n\n  .filler {\n    color: #7f7f7f;\n    pointer-events: none;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .selected-date:hover {\n    background: #a5d3f3;\n  }\n\n  .calendar-wrapper {\n    background: white;\n    display: flex;\n    justify-content: space-between;\n    width: 290px;\n    border-radius: 8px;\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    border-radius: 4px;\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .range-start {\n    background: #a5d3f3;\n    border-radius: 4px 0 0 4px;\n    color: white;\n  }\n\n  .range-end {\n    background: #a5d3f3;\n    border-radius: 0 4px 4px 0;\n    color: white;\n  }\n\n  .range-middle {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 0;\n  }\n\n  .day.selected {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 4px;\n  }\n\n  .day.in-range {\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .base {\n    background-color: white;\n    border-radius: 8px;\n    width: 290px;\n  }\n\n  .base__relative {\n    width: 494px;\n  }\n\n  .calender-input {\n    margin-top: 6px;\n    padding: 0 16px;\n    width: 290px;\n  }\n\n  .calender-input--relative {\n    width: 494px;\n    padding: 0;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 12px;\n    width: 125px;\n  }\n\n  .manual-input {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: #7f7f7f;\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-container {\n    width: 100%;\n    text-align: right;\n    padding: 12px 16px 16px 16px;\n    box-sizing: border-box;\n  }\n\n  .calendar-config {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 12px;\n  }\n\n  .calendar-switcher {\n    width: 100%;\n    margin-right: 24px;\n    margin-top: 16px;\n  }\n\n  .calendar-switch {\n    padding-bottom: 12px;\n    cursor: pointer;\n  }\n\n  .calendar-switch__active {\n    padding-bottom: 12px;\n    border-bottom: 4px solid #005ea6;\n  }\n\n  .unit-container {\n    display: flex;\n    flex-direction: column;\n    width: 494px;\n    padding: 24px 24px 0 24px;\n  }\n\n  .time-unit-group {\n    display: flex;\n    align-items: center;\n    margin-bottom: 24px;\n    gap: 24px;\n  }\n\n  .time-unit-name {\n    width: 54px;\n  }\n\n  .time-unit-name span {\n    margin-right: 24px;\n    color: var(--color-text-default, #000);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .time-unit-value {\n    display: flex;\n  }\n\n  .time-value {\n    display: inline-flex;\n    width: 48px;\n    height: 32px;\n    box-sizing: border-box;\n    padding: 5px;\n    border: 1px solid #ddd;\n    cursor: pointer;\n    justify-content: center;\n    align-items: center;\n    margin-right: 16px;\n    border-radius: 4px;\n    border: 1px solid #c7ced4;\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  .time-value--selected {\n    background: #a5d3f3;\n  }\n\n  .time-value:last-child {\n    margin-right: 0;\n  }\n\n  .time-value:hover {\n    background: #e5e9eb;\n  }\n\n  .time-value--selected:hover {\n    background-color: #a5d3f3;\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .calendar-timezone {\n    padding: 0 16px;\n  }\n\n  .unit-input-container {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 0px 24px;\n  }\n\n  .button-container--relative {\n    width: 100%;\n    text-align: right;\n    padding: 24px;\n    box-sizing: border-box;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-calendar.css.cjs.js","sources":["../../../src/nile-calendar/nile-calendar.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * DatePicker CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .calendar-container {\n    font-family:var(--nile-font-family-serif);\n    width: 290px;\n    height: auto;\n    text-align: center;\n    background: white;\n    border-radius: 8px;\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .header-divider {\n    background: #c7ced4;\n    height: 1px;\n    width: 100%;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n    padding: 0 12px 0 12px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 4px 7px;\n  }\n\n  .days {\n    height: auto;\n    padding: 0 12px 12px 12px;\n  }\n\n  .day {\n    flex-basis: auto;\n    min-width: 32px;\n    min-height: 32px;\n    flex-grow: 0;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .current-date {\n    border: 1px solid #1978b8;\n  }\n\n  .day:hover {\n    background-color: #e5e9eb;\n  }\n\n  .filler {\n    color: #7f7f7f;\n    pointer-events: none;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .selected-date:hover {\n    background: #a5d3f3;\n  }\n\n  .calendar-wrapper {\n    background: white;\n    display: flex;\n    justify-content: space-between;\n    width: 290px;\n    border-radius: 8px;\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    border-radius: 4px;\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .range-start {\n    background: #a5d3f3;\n    border-radius: 4px 0 0 4px;\n    color: white;\n  }\n\n  .range-end {\n    background: #a5d3f3;\n    border-radius: 0 4px 4px 0;\n    color: white;\n  }\n\n  .range-middle {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 0;\n  }\n\n  .day.selected {\n    background: #a5d3f3;\n    color: white;\n    border-radius: 4px;\n  }\n\n  .day.in-range {\n    background: #a5d3f3;\n    color: white;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n  .base {\n    background-color: white;\n    border-radius: 8px;\n    width: 290px;\n  }\n\n  .base__relative {\n    width: 352px;\n  }\n\n  .calender-input {\n    margin-top: 6px;\n    padding: 0 16px;\n    width: 290px;\n  }\n\n  .calender-input--relative {\n    width: 352px;\n    padding: 0;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 12px;\n    width: 125px;\n  }\n\n  .manual-input {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: #7f7f7f;\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-container {\n    width: 100%;\n    text-align: right;\n    padding: 12px 16px 16px 16px;\n    box-sizing: border-box;\n  }\n\n  .calendar-config {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 12px;\n  }\n\n  .calendar-switcher {\n    width: 100%;\n    margin-right: 24px;\n    margin-top: 16px;\n  }\n\n  .calendar-switch {\n    padding-bottom: 12px;\n    cursor: pointer;\n  }\n\n  .calendar-switch__active {\n    padding-bottom: 12px;\n    border-bottom: 4px solid #005ea6;\n  }\n\n  .unit-container {\n    display: flex;\n    flex-direction: column;\n    width: 352px;\n    gap:10px;\n    padding: 24px 24px 0 24px;\n  }\n\n  .time-unit-group {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    justify-content:center;\n    gap: 12px;\n  }\n\n  .time-unit-name {\n    width: 54px;\n  }\n\n  .time-unit-name span {\n    margin-right: 24px;\n    color: var(--color-text-default, #000);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .time-unit-value {\n    display: flex;\n    gap: 3px;\n  }\n\n  .time-value {\n    display: inline-flex;\n    width: 48px;\n    height: 32px;\n    box-sizing: border-box;\n    padding: 5px;\n    border: 1px solid #ddd;\n    cursor: pointer;\n    justify-content: center;\n    align-items: center;\n    /* margin-right: 16px; */\n    border-radius: 4px;\n    border: 1px solid #c7ced4;\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  .time-value--selected {\n    background: #a5d3f3;\n  }\n\n  .time-value:last-child {\n    margin-right: 0;\n  }\n\n  .time-value:hover {\n    background: #e5e9eb;\n  }\n\n  .time-value--selected:hover {\n    background-color: #a5d3f3;\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .calendar-timezone {\n    padding: 0 16px;\n  }\n\n  .unit-input-container {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 0px 24px;\n  }\n\n  .button-container--relative {\n    width: 100%;\n    text-align: right;\n    padding: 24px;\n    box-sizing: border-box;\n  }\n\n  .duration-input {\n    width: 140px;\n  }\n\n  .time-input {\n    width: 140px;\n  }\n\n  .minute-values {\n    gap: 16px;\n  }\n\n  .weeks-values {\n    gap: 16px;\n  }\n\n  .months-values {\n    gap: 16px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-calendar/nile-calendar.css.esm.js

@@ -3,7 +3,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
   }
 
   .calendar-container {
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     width: 290px;
     height: auto;
     text-align: center;
@@ -155,7 +155,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
   }
 
   .base__relative {
-    width: 494px;
+    width: 352px;
   }
 
   .calender-input {
@@ -165,7 +165,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
   }
 
   .calender-input--relative {
-    width: 494px;
+    width: 352px;
     padding: 0;
   }
 
@@ -223,15 +223,17 @@ import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
   .unit-container {
     display: flex;
     flex-direction: column;
-    width: 494px;
+    width: 352px;
+    gap:10px;
     padding: 24px 24px 0 24px;
   }
 
   .time-unit-group {
     display: flex;
-    align-items: center;
-    margin-bottom: 24px;
-    gap: 24px;
+    flex-direction: column;
+    align-items: start;
+    justify-content:center;
+    gap: 12px;
   }
 
   .time-unit-name {
@@ -251,6 +253,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
 
   .time-unit-value {
     display: flex;
+    gap: 3px;
   }
 
   .time-value {
@@ -263,7 +266,7 @@ import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
     cursor: pointer;
     justify-content: center;
     align-items: center;
-    margin-right: 16px;
+    /* margin-right: 16px; */
     border-radius: 4px;
     border: 1px solid #c7ced4;
     background: rgba(255, 255, 255, 0.2);
@@ -306,4 +309,24 @@ import{i as e}from"../index-cd2f9c12.esm.js";const t=e`
     padding: 24px;
     box-sizing: border-box;
   }
+
+  .duration-input {
+    width: 140px;
+  }
+
+  .time-input {
+    width: 140px;
+  }
+
+  .minute-values {
+    gap: 16px;
+  }
+
+  .weeks-values {
+    gap: 16px;
+  }
+
+  .months-values {
+    gap: 16px;
+  }
 `;export{t as s};

package/dist/nile-calendar/nile-calendar.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{query as e,customElement as s}from"lit/decorators.js";import{s as n}from"./nile-calendar.css.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{n as h}from"../property-09139d3c.esm.js";import"lit";import"lit/directives/class-map.js";import"../nile-popup/nile-popup.css.esm.js";let r=class extends l{constructor(){super(...arguments),this.currentMonth=(new Date).getMonth(),this.currentYear=(new Date).getFullYear(),this.dropDownOpened=!1,this.valueAttribute=null,this.formattedDate=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0,this.range=!1,this.type="absolute",this.selectedTimeZone="local"}static get styles(){return[n]}valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){const t=this.value.getTimezoneOffset(),i=new Date(this.value.getTime()-60*t*1e3);isNaN(i.getTime())||(this.valueAttribute=i.toISOString().split("T")[0],this.formattedDate=`${String(i.getDate()).padStart(2,"0")}/${String(i.getMonth()+1).padStart(2,"0")}/${i.getFullYear()}`)}}updated(t){if(super.updated(t),t.has("valueAttribute")){const t=new Date(this.valueAttribute||"");if(!isNaN(t.getTime())){const i=t.getTimezoneOffset();this.value=new Date(t.getTime()-60*i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear()}}}static get observedAttributes(){return["value","range"]}attributeChangedCallback(t,i,e){"value"===t?(this.valueAttribute=e,this.initializeValue()):"range"===t&&(this.range=null!==e)}initializeValue(){if(this.range)try{const t=JSON.parse(this.valueAttribute||"");this.startDate=new Date(t.startDate),this.endDate=new Date(t.endDate),this.startDate=new Date(this.startDate.getTime()),this.endDate=new Date(this.endDate.getTime()),this.rangeValue={startDate:this.startDate,endDate:this.endDate},this.value=null}catch(t){}else if(this.valueAttribute){let t;t=new Date(this.valueAttribute),t=new Date(t.getTime()-6e4*t.getTimezoneOffset()),isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null)}this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.initializeValue(),this.valueAttribute){const t=new Date(this.valueAttribute);isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear())}this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}getDaysArray(t,i){const e=new Date(t,i+1,0).getDate();return Array.from({length:e},((t,i)=>i+1))}nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate()}prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate()}selectDate(t,i,e){const s=new Date(e,i,t);if(this.range)if(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart)this.startDate=s,this.endDate&&s>this.endDate&&(this.endDate=null),this.isSelectingStart=!1;else if(this.isSelectingStart=!0,this.startDate&&s<this.startDate)this.startDate=s,this.endDate=null,this.isSelectingStart=!1;else{const t=s;t.setHours(23,59,59,999),this.endDate=t}else this.value=s,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide();this.requestUpdate()}confimRange(){this.startDate&&this.endDate&&("local"!==this.selectedTimeZone&&(this.startDate=this.convertTZ(this.startDate,this.selectedTimeZone),this.endDate=this.convertTZ(this.endDate,this.selectedTimeZone)),this.emit("nile-changed",{startDate:this.startDate,endDate:this.endDate}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate})}convertTZ(t,i){return new Date(("string"==typeof t?new Date(t):t).toLocaleString("en-US",{timeZone:i}))}isCurrentDate(t,i,e){const s=new Date;return t===s.getDate()&&i+1===s.getMonth()+1&&e===s.getFullYear()}renderMonth(t,e,s){const n=new Date(t,e,1).getDay(),a=new Date(t,e+1,0).getDay(),l=this.getDaysArray(0===e?t-1:t,0===e?11:e-1),h=this.getDaysArray(11===e?t+1:t,11===e?0:e+1),r=l.slice(l.length-n),d=h.slice(0,6-a),o=[...r,...s,...d],u=(t,i,e,s)=>{if(!s)return"";if(!this.range&&this.value){if(t===this.value.getDate()&&i===this.value.getMonth()&&e===this.value.getFullYear())return"selected-date"}const n=this.startDate&&t===this.startDate.getDate()&&i===this.startDate.getMonth()&&e===this.startDate.getFullYear(),a=this.endDate&&t===this.endDate.getDate()&&i===this.endDate.getMonth()&&e===this.endDate.getFullYear();return n?"range-start":a?"range-end":""},c=(t,i,e,s)=>{if(!s)return!1;if(this.startDate&&this.endDate){const s=new Date(e,i,t);return s>=this.startDate&&s<=this.endDate}return!1};return i`
+import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{query as e,customElement as s}from"lit/decorators.js";import{s as n}from"./nile-calendar.css.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{n as h}from"../property-09139d3c.esm.js";import"lit";import"lit/directives/class-map.js";import"../nile-popup/nile-popup.css.esm.js";let r=class extends l{constructor(){super(...arguments),this.currentMonth=(new Date).getMonth(),this.currentYear=(new Date).getFullYear(),this.dropDownOpened=!1,this.valueAttribute=null,this.formattedDate=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0,this.range=!1,this.type="absolute",this.selectedTimeZone="local"}static get styles(){return[n]}valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){const t=this.value.getTimezoneOffset(),i=new Date(this.value.getTime()-60*t*1e3);isNaN(i.getTime())||(this.valueAttribute=i.toISOString().split("T")[0],this.formattedDate=`${String(i.getDate()).padStart(2,"0")}/${String(i.getMonth()+1).padStart(2,"0")}/${i.getFullYear()}`)}}updated(t){if(super.updated(t),t.has("valueAttribute")){const t=new Date(this.valueAttribute||"");if(!isNaN(t.getTime())){const i=t.getTimezoneOffset();this.value=new Date(t.getTime()-60*i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear()}}}static get observedAttributes(){return["value","range"]}attributeChangedCallback(t,i,e){"value"===t?(this.valueAttribute=e,this.initializeValue()):"range"===t&&(this.range=null!==e)}initializeValue(){if(this.range)try{const t=JSON.parse(this.valueAttribute||"");this.startDate=new Date(t.startDate),this.endDate=new Date(t.endDate),this.startDate=new Date(this.startDate.getTime()),this.endDate=new Date(this.endDate.getTime()),this.rangeValue={startDate:this.startDate,endDate:this.endDate},this.value=null}catch(t){}else if(this.valueAttribute){let t;t=new Date(this.valueAttribute),t=new Date(t.getTime()-6e4*t.getTimezoneOffset()),isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null)}this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.initializeValue(),this.valueAttribute){const t=new Date(this.valueAttribute);isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear())}this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}getDaysArray(t,i){const e=new Date(t,i+1,0).getDate();return Array.from({length:e},((t,i)=>i+1))}nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate()}prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate()}selectDate(t,i,e){const s=new Date(e,i,t);if(this.range)if(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart)this.startDate=s,this.endDate&&s>this.endDate&&(this.endDate=null),this.isSelectingStart=!1;else if(this.isSelectingStart=!0,this.startDate&&s<this.startDate)this.startDate=s,this.endDate=null,this.isSelectingStart=!1;else{const t=s;t.setHours(23,59,59,999),this.endDate=t}else this.value=s,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide();this.requestUpdate()}confimRange(){this.startDate&&this.endDate&&("local"!==this.selectedTimeZone&&(this.startDate=this.convertTZ(this.startDate,this.selectedTimeZone),this.endDate=this.convertTZ(this.endDate,this.selectedTimeZone)),this.emit("nile-changed",{startDate:this.startDate,endDate:this.endDate}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate})}convertTZ(t,i){return new Date(("string"==typeof t?new Date(t):t).toLocaleString("en-US",{timeZone:i}))}isCurrentDate(t,i,e){const s=new Date;return t===s.getDate()&&i+1===s.getMonth()+1&&e===s.getFullYear()}renderMonth(t,e,s){const n=new Date(t,e,1).getDay(),a=new Date(t,e+1,0).getDay(),l=this.getDaysArray(0===e?t-1:t,0===e?11:e-1),h=this.getDaysArray(11===e?t+1:t,11===e?0:e+1),r=l.slice(l.length-n),d=h.slice(0,6-a),u=[...r,...s,...d],o=(t,i,e,s)=>{if(!s)return"";if(!this.range&&this.value){if(t===this.value.getDate()&&i===this.value.getMonth()&&e===this.value.getFullYear())return"selected-date"}const n=this.startDate&&t===this.startDate.getDate()&&i===this.startDate.getMonth()&&e===this.startDate.getFullYear(),a=this.endDate&&t===this.endDate.getDate()&&i===this.endDate.getMonth()&&e===this.endDate.getFullYear();return n?"range-start":a?"range-end":""},c=(t,i,e,s)=>{if(!s)return!1;if(this.startDate&&this.endDate){const s=new Date(e,i,t);return s>=this.startDate&&s<=this.endDate}return!1};return i`
       <div class="calendar">
         <div class="calendar-header">
           <nile-icon
@@ -20,7 +20,7 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
           >
           </nile-icon>
         </div>
-        <div class="header-divider"> </div>
+        <div class="header-divider"></div>
         <div class="day-names">
           <div class="day">Sun</div>
           <div class="day">Mon</div>
@@ -31,8 +31,8 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
           <div class="day">Sat</div>
         </div>
         <div class="days">
-          ${o.map(((n,a)=>{const l=a>=r.length&&a<r.length+s.length;return i` <div
-              class="day ${u(n,e,t,l)} ${c(n,e,t,l)?"in-range":""} ${l?"":"filler"}
+          ${u.map(((n,a)=>{const l=a>=r.length&&a<r.length+s.length;return i` <div
+              class="day ${o(n,e,t,l)} ${c(n,e,t,l)?"in-range":""} ${l?"":"filler"}
                 ${this.isCurrentDate(n,e,t)&&l?"current-date":""}
                 "
               @click="${()=>{l&&this.selectDate(n,e,t)}}"
@@ -59,19 +59,18 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
               <nile-tab slot="nav" panel="relative">Relative</nile-tab>
             </nile-tab-group>
           </div>
-
         </div>
 
         <div class="calendar-timezone ${this.range?"":"hidden"}">
-            <nile-select
-              hoist
-              value=${this.selectedTimeZone}
-              @nile-change=${this.handleTimeZoneChange}
-            >
-              <nile-option value="local">Local Time Zone</nile-option>
-              <nile-option value="UTC">UTC</nile-option>
-            </nile-select>
-          </div>
+          <nile-select
+            hoist
+            value=${this.selectedTimeZone}
+            @nile-change=${this.handleTimeZoneChange}
+          >
+            <nile-option value="local">Local Time Zone</nile-option>
+            <nile-option value="UTC">UTC</nile-option>
+          </nile-select>
+        </div>
 
         <div
           class="calendar-wrapper  ${"absolute"!==this.type?"hidden":""}"
@@ -84,14 +83,14 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
         <div class="unit-container ${"relative"!==this.type?"hidden":""}">
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Minutes</span></div>
-            <div class="time-unit-value">
-              ${this.renderTimeValues("minutes",[1,3,5,15,30,45])}
+            <div class="time-unit-value minute-values">
+              ${this.renderTimeValues("minutes",[1,5,15,30,45])}
             </div>
           </div>
 
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Hours</span></div>
-            <div class="time-unit-value">
+            <div class="time-unit-value hours-values">
               ${this.renderTimeValues("hours",[1,2,3,6,8,12])}
             </div>
           </div>
@@ -105,14 +104,14 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
 
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Weeks</span></div>
-            <div class="time-unit-value">
+            <div class="time-unit-value weeks-values ">
               ${this.renderTimeValues("weeks",[1,2,4,6])}
             </div>
           </div>
 
           <div class="time-unit-group">
             <div class="time-unit-name"><span>Months:</span></div>
-            <div class="time-unit-value">
+            <div class="time-unit-value months-values ">
               ${this.renderTimeValues("months",[3,6,12,15])}
             </div>
           </div>
@@ -121,10 +120,10 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
         ${this.range&&"relative"===this.type?i`
           <div class="calender-input calender-input--relative">
             <div class="unit-input-container">
-              <nile-input class="manual-input" label="Duration"  value="${this.selectedValue}"
+              <nile-input class="manual-input duration-input" label="Duration"  value="${this.selectedValue}"
               @nile-input="${this.handleDurationChange}"
               placeholder="Enter Value" ></nile-input>
-              <nile-select class="manual-input"  label="Unit of time" style="margin-top:3px" value="${this.selectedUnit}"
+              <nile-select class="manual-input  time-input"  label="Unit of time" style="margin-top:3px" value="${this.selectedUnit}"
               @nile-change="${this.handleUnitChange}"
               >
                 <nile-option value="minutes"> Minutes </nile-option>
@@ -132,12 +131,12 @@ import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";
                 <nile-option value="days"> Days </nile-option>
                 <nile-option value="weeks"> Weeks </nile-option>
                 <nile-option value="months"> Months </nile-option>
-          </nile-select>
+              </nile-select>
 
             </div>
 
           <div class="button-container--relative">
-            <nile-button class="apply-button"  ?disabled="${!this.startDate||!this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
+            <nile-button class="apply-button" variant="primary"  ?disabled="${!this.startDate||!this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
             </div>
 
 

package/dist/nile-chip/nile-chip.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-chip.css.cjs.js.map

package/dist/nile-chip/nile-chip.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-chip/nile-chip.css.esm.js

@@ -27,7 +27,7 @@ import{i as o}from"../index-cd2f9c12.esm.js";const r=o`
     color: inherit;
     margin-bottom: 12px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;