@aquera/nile-elements 0.0.3-8 → 0.0.4-1

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

@@ -0,0 +1,477 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, property, } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-calendar.css';
+import { query } from 'lit/decorators.js';
+import { watch } from '../internal/watch';
+import NileElement from '../internal/nile-element';
+import '../nile-popup';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-calendar
+ *
+ */
+let NileCalendar = class NileCalendar extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.currentMonth = new Date().getMonth();
+        this.currentYear = new Date().getFullYear();
+        this.dropDownOpened = false;
+        this.valueAttribute = null;
+        this.formattedDate = null;
+        this.startDate = null;
+        this.endDate = null;
+        this.isSelectingStart = true; // flag to indicate what we're selecting
+        this.range = false;
+    }
+    /**
+     * The styles for NileCalendar
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    valueChanged() {
+        if (this.range && this.value) {
+            this.rangeValue = this.value;
+            this.value = null;
+            return;
+        }
+        if (this.value && !isNaN(this.value.getTime())) {
+            const offset = this.value.getTimezoneOffset();
+            const localDate = new Date(this.value.getTime() - offset * 60 * 1000);
+            if (!isNaN(localDate.getTime())) {
+                this.valueAttribute = localDate.toISOString().split('T')[0];
+                this.formattedDate = `${String(localDate.getDate()).padStart(2, '0')}/${String(localDate.getMonth() + 1).padStart(2, '0')}/${localDate.getFullYear()}`;
+            }
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('valueAttribute')) {
+            const date = new Date(this.valueAttribute || '');
+            if (!isNaN(date.getTime())) {
+                const offset = date.getTimezoneOffset();
+                this.value = new Date(date.getTime() - offset * 60 * 1000);
+                this.currentMonth = this.value.getMonth();
+                this.currentYear = this.value.getFullYear();
+            }
+        }
+    }
+    static get observedAttributes() {
+        return ['value', 'range'];
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (name === 'value') {
+            this.valueAttribute = newValue;
+            this.initializeValue();
+        }
+        else if (name === 'range') {
+            this.range = newValue !== null;
+        }
+    }
+    initializeValue() {
+        if (this.range) {
+            try {
+                const rangeValue = JSON.parse(this.valueAttribute || '');
+                this.startDate = new Date(rangeValue.startDate);
+                this.endDate = new Date(rangeValue.endDate);
+                // Convert to local time
+                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 (e) {
+                // console.error('Invalid range value');
+            }
+        }
+        else {
+            if (this.valueAttribute) {
+                let date;
+                date = new Date(this.valueAttribute);
+                date = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
+                if (!isNaN(date.getTime())) {
+                    this.value = date;
+                    this.currentMonth = this.value.getMonth();
+                    this.currentYear = this.value.getFullYear();
+                    this.rangeValue = null;
+                }
+            }
+        }
+        this.requestUpdate();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.initializeValue();
+        if (this.valueAttribute) {
+            const date = new Date(this.valueAttribute);
+            if (!isNaN(date.getTime())) {
+                this.value = date;
+                this.currentMonth = this.value.getMonth();
+                this.currentYear = this.value.getFullYear();
+            }
+        }
+    }
+    getDaysArray(year, month) {
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        return Array.from({ length: daysInMonth }, (_, i) => i + 1);
+    }
+    nextMonth() {
+        if (this.currentMonth === 11) {
+            this.currentMonth = 0;
+            this.currentYear++;
+        }
+        else {
+            this.currentMonth++;
+        }
+        this.requestUpdate();
+    }
+    prevMonth() {
+        if (this.currentMonth === 0) {
+            this.currentMonth = 11;
+            this.currentYear--;
+        }
+        else {
+            this.currentMonth--;
+        }
+        this.requestUpdate();
+    }
+    selectDate(day, month, year) {
+        const selectedDate = new Date(year, month, day);
+        if (this.range) {
+            if (this.startDate && this.endDate) {
+                this.startDate = null;
+                this.endDate = null;
+            }
+            if (this.isSelectingStart) {
+                this.startDate = selectedDate;
+                if (this.endDate && selectedDate > this.endDate) {
+                    this.endDate = null;
+                }
+                this.isSelectingStart = false;
+            }
+            else {
+                this.isSelectingStart = true;
+                if (this.startDate && selectedDate < this.startDate) {
+                    this.startDate = selectedDate;
+                    this.endDate = null;
+                    this.isSelectingStart = false;
+                }
+                else {
+                    this.endDate = selectedDate;
+                }
+            }
+        }
+        else {
+            this.value = selectedDate;
+            this.emit('nile-changed', { value: this.value });
+            if (this.dropdown) {
+                this.dropdown.hide();
+            }
+        }
+        this.requestUpdate();
+    }
+    confimRange() {
+        if (this.startDate && this.endDate) {
+            this.emit('nile-changed', {
+                startDate: this.startDate,
+                endDate: this.endDate,
+            });
+            if (this.dropdown) {
+                this.dropdown.hide();
+            }
+            this.rangeValue = {
+                startDate: this.startDate,
+                endDate: this.endDate,
+            };
+        }
+    }
+    renderMonth(year, month, daysArray) {
+        const firstDay = new Date(year, month, 1).getDay();
+        const lastDay = new Date(year, month + 1, 0).getDay();
+        const prevMonthDays = this.getDaysArray(month === 0 ? year - 1 : year, month === 0 ? 11 : month - 1);
+        const nextMonthDays = this.getDaysArray(month === 11 ? year + 1 : year, month === 11 ? 0 : month + 1);
+        const fillerDaysBefore = prevMonthDays.slice(prevMonthDays.length - firstDay);
+        const fillerDaysAfter = nextMonthDays.slice(0, 6 - lastDay);
+        const allDays = [...fillerDaysBefore, ...daysArray, ...fillerDaysAfter];
+        const isSelectedDate = (day, month, year, isCurrentMonth) => {
+            if (!isCurrentMonth)
+                return '';
+            if (!this.range && this.value) {
+                const isSelected = day === this.value.getDate() &&
+                    month === this.value.getMonth() &&
+                    year === this.value.getFullYear();
+                if (isSelected)
+                    return 'selected-date';
+            }
+            const isStartDate = this.startDate &&
+                day === this.startDate.getDate() &&
+                month === this.startDate.getMonth() &&
+                year === this.startDate.getFullYear();
+            const isEndDate = this.endDate &&
+                day === this.endDate.getDate() &&
+                month === this.endDate.getMonth() &&
+                year === this.endDate.getFullYear();
+            return isStartDate ? 'range-start' : isEndDate ? 'range-end' : '';
+        };
+        const isInRange = (day, month, year, isCurrentMonth) => {
+            if (!isCurrentMonth)
+                return false;
+            if (this.startDate && this.endDate) {
+                const date = new Date(year, month, day);
+                return date >= this.startDate && date <= this.endDate;
+            }
+            return false;
+        };
+        return html `
+      <div class="calendar">
+        <div class="calendar-header">
+          <nile-icon class="calendar-header__month-navigation" name="arrowleft" color="black" @click="${this.prevMonth}">
+          </nile-icon>
+          <span
+            >${new Date(year, month).toLocaleString('default', {
+            month: 'long',
+        })}
+            ${year}</span
+          >
+          <nile-icon class="calendar-header__month-navigation" name="arrowright" color="black" @click="${this.nextMonth}">
+          </nile-icon>
+        </div>
+        <div class="day-names">
+          <div class="day">Sun</div>
+          <div class="day">Mon</div>
+          <div class="day">Tue</div>
+          <div class="day">Wed</div>
+          <div class="day">Thu</div>
+          <div class="day">Fri</div>
+          <div class="day">Sat</div>
+        </div>
+        <div class="days">
+          ${allDays.map((day, index) => {
+            const isCurrentMonth = index >= fillerDaysBefore.length &&
+                index < fillerDaysBefore.length + daysArray.length;
+            return html ` <div
+              class="day ${isSelectedDate(day, month, year, isCurrentMonth)} ${isInRange(day, month, year, isCurrentMonth)
+                ? 'in-range'
+                : ''} ${!isCurrentMonth ? 'filler' : ''}"
+              @click="${() => {
+                if (isCurrentMonth) {
+                    this.selectDate(day, month, year);
+                }
+            }}"
+            >
+              ${day}
+            </div>`;
+        })}
+        </div>
+      </div>
+    `;
+    }
+    formatDate(date) {
+        if (!date)
+            return '';
+        const day = String(date.getDate()).padStart(2, '0');
+        const month = String(date.getMonth() + 1).padStart(2, '0');
+        const year = date.getFullYear();
+        return `${day}/${month}/${year}`;
+    }
+    formatDateRange(value) {
+        if (!value) {
+            return value;
+        }
+        if (!value.startDate || !value.endDate)
+            return '';
+        return `${this.formatDate(value.startDate)} - ${this.formatDate(value.endDate)}`;
+    }
+    handleStartDateInput(event) {
+        const date = this.parseDate(event.detail.value);
+        if (!this.isValidDateInput(date)) {
+            this.startDate = null;
+        }
+        if (date && (!this.endDate || date <= this.endDate)) {
+            this.startDate = date;
+        }
+        else {
+            this.startDate = null;
+            this.endDate = null;
+        }
+        this.requestUpdate();
+    }
+    handleEndDateInput(event) {
+        const date = this.parseDate(event.detail.value);
+        if (!this.isValidDateInput(date)) {
+            this.endDate = null;
+        }
+        if (date && (!this.startDate || date >= this.startDate)) {
+            this.endDate = date;
+        }
+        else {
+            this.endDate = null;
+        }
+        this.requestUpdate();
+    }
+    parseDate(dateString) {
+        const [day, month, year] = dateString.split('/').map(Number);
+        const date = new Date(year, month - 1, day);
+        return !isNaN(date.getTime()) ? date : null;
+    }
+    isValidDateInput(input) {
+        const regex = /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/;
+        return regex.test(input);
+    }
+    formatTime(date) {
+        if (!date)
+            return '';
+        const hours = String(date.getHours()).padStart(2, '0');
+        const minutes = String(date.getMinutes()).padStart(2, '0');
+        const seconds = String(date.getSeconds()).padStart(2, '0');
+        return `${hours}:${minutes}:${seconds}`;
+    }
+    // Validate time in HH:MM:SS format
+    isValidTimeInput(input) {
+        const regex = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/;
+        return regex.test(input);
+    }
+    // Parse time string to a Date object
+    parseTime(input, date) {
+        if (!this.isValidTimeInput(input)) {
+            return null;
+        }
+        const [hour, minute, second] = input.split(':').map(Number);
+        const newDate = new Date(date.getTime());
+        newDate.setHours(hour, minute, second);
+        return newDate;
+    }
+    handleStartTimeInput(event) {
+        if (!this.startDate) {
+            this.startDate = null;
+            return;
+        }
+        const time = this.parseTime(event.detail.value, this.startDate);
+        if (time) {
+            this.startDate = time;
+        }
+        else {
+            this.startDate.setHours(0, 0, 0);
+        }
+        this.requestUpdate();
+    }
+    handleEndTimeInput(event) {
+        if (!this.endDate) {
+            this.endDate = null;
+            return;
+        }
+        const time = this.parseTime(event.detail.value, this.endDate);
+        if (time) {
+            this.endDate = time;
+        }
+        else {
+            this.endDate.setHours(0, 0, 0);
+        }
+        this.requestUpdate();
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        const daysArray = this.getDaysArray(this.currentYear, this.currentMonth);
+        const nextMonth = (this.currentMonth + 1) % 12;
+        const nextYear = this.currentMonth === 11 ? this.currentYear + 1 : this.currentYear;
+        const nextMonthDaysArray = this.getDaysArray(nextYear, nextMonth);
+        return html `
+
+        <div class="base${this.range ? '__range' : ''}">
+          <div class="calendar-wrapper" >
+            <div class="calendar-container ${this.range ? 'with-margin' : ''}">
+              ${this.renderMonth(this.currentYear, this.currentMonth, this.getDaysArray(this.currentYear, this.currentMonth))}
+            </div>
+            ${this.range
+            ? html `
+                  <div class="calendar-container">
+                    ${this.renderMonth(this.currentYear, (this.currentMonth + 1) % 12, this.getDaysArray(this.currentYear, (this.currentMonth + 1) % 12))}
+                  </div>
+                `
+            : ''}
+
+          </div>
+          ${this.range
+            ? html `
+          <div class="calender-input">
+            <span class="manual-input-label">From </span>
+            <div class="from">
+              <nile-input class="manual-input" value="${this.formatDate(this.startDate)}" placeholder="DD/MM/YYYY" @nile-change="${this.handleStartDateInput}"></nile-input>
+              <nile-input class="manual-input" value="${this.formatTime(this.startDate)}" placeholder="HH:MM:SS" @nile-change="${this.handleStartTimeInput}"> </nile-input>
+
+            </div>
+<br>
+            <span class="manual-input-label">To </span>
+            <div class="from">
+            <nile-input class="manual-input" value="${this.formatDate(this.endDate)}" placeholder="DD/MM/YYYY" @nile-change="${this.handleEndDateInput}"></nile-input>
+            <nile-input class="manual-input" value="${this.formatTime(this.endDate)}" placeholder="HH:MM:SS" @nile-change="${this.handleEndTimeInput}"> </nile-input>
+          </div>
+          <div class="button-contaner">
+            <nile-button class="apply-button"  ?disabled="${!this.startDate || !this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
+            </div>
+
+
+        </div>
+        </div>
+        `
+            : ''}
+        </div>
+    `;
+    }
+};
+__decorate([
+    query('nile-dropdown')
+], NileCalendar.prototype, "dropdown", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileCalendar.prototype, "dropDownOpened", void 0);
+__decorate([
+    property({ type: Object })
+], NileCalendar.prototype, "value", void 0);
+__decorate([
+    property({ type: Object })
+], NileCalendar.prototype, "rangeValue", void 0);
+__decorate([
+    property({ type: String, attribute: 'value' })
+], NileCalendar.prototype, "valueAttribute", void 0);
+__decorate([
+    property({ type: String, attribute: 'value' })
+], NileCalendar.prototype, "formattedDate", void 0);
+__decorate([
+    property({ type: Object })
+], NileCalendar.prototype, "startDate", void 0);
+__decorate([
+    property({ type: Object })
+], NileCalendar.prototype, "endDate", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileCalendar.prototype, "isSelectingStart", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileCalendar.prototype, "range", void 0);
+__decorate([
+    watch('value')
+], NileCalendar.prototype, "valueChanged", null);
+NileCalendar = __decorate([
+    customElement('nile-calendar')
+], NileCalendar);
+export { NileCalendar };
+export default NileCalendar;
+//# sourceMappingURL=nile-calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-calendar.js","sourceRoot":"","sources":["../../../src/nile-calendar/nile-calendar.ts"],"names":[],"mappings":"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","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';\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  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  @property({ type: Object }) endDate: Date | null = null;\n  @property({ type: Boolean }) isSelectingStart = true; // flag to indicate what we're selecting\n\n  @property({ type: Boolean }) range = false;\n\n  @watch('value')\n  valueChanged() {\n\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\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\n\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  }\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\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\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          this.endDate = selectedDate;\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      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  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 class=\"calendar-header__month-navigation\" name=\"arrowleft\" color=\"black\" @click=\"${this.prevMonth}\">\n          </nile-icon>\n          <span\n            >${new Date(year, month).toLocaleString('default', {\n              month: 'long',\n            })}\n            ${year}</span\n          >\n          <nile-icon class=\"calendar-header__month-navigation\" name=\"arrowright\" color=\"black\" @click=\"${this.nextMonth}\">\n          </nile-icon>\n        </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              @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: { startDate: Date | null, endDate: Date | null }): string {\n    if(!value){\n      return value;\n    }\n    if (!value.startDate || !value.endDate) return '';\n    return `${this.formatDate(value.startDate)} - ${this.formatDate(value.endDate)}`;\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    }\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\nprivate 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\nprivate 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\nprivate 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\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  render(): TemplateResult {\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\n        <div class=\"base${this.range ? '__range' : ''}\">\n          <div class=\"calendar-wrapper\" >\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            ${this.range\n              ? html`\n                  <div class=\"calendar-container\">\n                    ${this.renderMonth(\n                      this.currentYear,\n                      (this.currentMonth + 1) % 12,\n                      this.getDaysArray(\n                        this.currentYear,\n                        (this.currentMonth + 1) % 12\n                      )\n                    )}\n                  </div>\n                `\n              : ''}\n\n          </div>\n          ${this.range\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(this.startDate)}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${this.handleStartDateInput}\"></nile-input>\n              <nile-input class=\"manual-input\" value=\"${this.formatTime(this.startDate)}\" placeholder=\"HH:MM:SS\" @nile-change=\"${this.handleStartTimeInput}\"> </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(this.endDate)}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${this.handleEndDateInput}\"></nile-input>\n            <nile-input class=\"manual-input\" value=\"${this.formatTime(this.endDate)}\" placeholder=\"HH:MM:SS\" @nile-change=\"${this.handleEndTimeInput}\"> </nile-input>\n          </div>\n          <div class=\"button-contaner\">\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        </div>\n    `;\n  }\n}\n\nexport default NileCalendar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-calendar': NileCalendar;\n  }\n}\n"]}

package/dist/src/nile-date-picker/nile-date-picker.css.js

@@ -93,7 +93,7 @@ export const styles = css `
   background: white;
   display: flex;
   justify-content: space-between;
-  width: auto;
+  width: 730px;
 }
 
 .selected-date,

package/dist/src/nile-date-picker/nile-date-picker.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-date-picker.css.js","sourceRoot":"","sources":["../../../src/nile-date-picker/nile-date-picker.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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: 365px;\n    height: auto;\n    text-align: center;\n    background: white;\n  }\n\n  .calendar-container.with-margin {\n  margin-right: 20px;\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  .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    margin-top: 10px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    height: auto;\n    align-items: center;\n  }\n\n  .days {\n    height: auto;\n  }\n\n  .day {\n    flex-basis: calc(100% / 7);\n    box-sizing: border-box;\n    width: 48px;\n    align-items: center;\n    padding: 10px;\n    height: 32px;\n  margin-top: 6px;\n  margin-bottom: 6px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  }\n\n  .filler {\n    color: grey;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n\n\n.calendar-wrapper {\n  background: white;\n  display: flex;\n  justify-content: space-between;\n  width: auto;\n}\n\n.selected-date,\n.range-start,\n.range-end {\n  border-radius: 4px;\n  background: #a5d3f3;\n  color: white;\n}\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: 4px;\n  padding-bottom: 20px\n}\n\n.calender-input{\n  padding: 20px;\n  padding-bottom: 0px;\n}\n\n.from {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.manual-input{\n  width:100%;\n}\n\n.manual-input-label{\n  font-size: 12px;\nfont-style: normal;\nfont-weight: 500;\n  margin-bottom: 10px;\n}\n\n.apply-button {\n  text-align: right;\n  display: block;\n  padding-top: 20px;\n}\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-date-picker.css.js","sourceRoot":"","sources":["../../../src/nile-date-picker/nile-date-picker.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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: 365px;\n    height: auto;\n    text-align: center;\n    background: white;\n  }\n\n  .calendar-container.with-margin {\n  margin-right: 20px;\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  .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    margin-top: 10px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    height: auto;\n    align-items: center;\n  }\n\n  .days {\n    height: auto;\n  }\n\n  .day {\n    flex-basis: calc(100% / 7);\n    box-sizing: border-box;\n    width: 48px;\n    align-items: center;\n    padding: 10px;\n    height: 32px;\n  margin-top: 6px;\n  margin-bottom: 6px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  }\n\n  .filler {\n    color: grey;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n\n\n.calendar-wrapper {\n  background: white;\n  display: flex;\n  justify-content: space-between;\n  width: 730px;\n}\n\n.selected-date,\n.range-start,\n.range-end {\n  border-radius: 4px;\n  background: #a5d3f3;\n  color: white;\n}\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: 4px;\n  padding-bottom: 20px\n}\n\n.calender-input{\n  padding: 20px;\n  padding-bottom: 0px;\n}\n\n.from {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.manual-input{\n  width:100%;\n}\n\n.manual-input-label{\n  font-size: 12px;\nfont-style: normal;\nfont-weight: 500;\n  margin-bottom: 10px;\n}\n\n.apply-button {\n  text-align: right;\n  display: block;\n  padding-top: 20px;\n}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-date-picker/nile-date-picker.d.ts

@@ -38,24 +38,8 @@ export declare class NileDatePicker extends NileElement {
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     initializeValue(): void;
+    handleChanged(event: any): void;
     connectedCallback(): void;
-    private getDaysArray;
-    private nextMonth;
-    private prevMonth;
-    private selectDate;
-    private confimRange;
-    private renderMonth;
-    private formatDate;
-    private formatDateRange;
-    private handleStartDateInput;
-    private handleEndDateInput;
-    private parseDate;
-    private isValidDateInput;
-    private formatTime;
-    private isValidTimeInput;
-    private parseTime;
-    private handleStartTimeInput;
-    private handleEndTimeInput;
     /**
      * Render method
      * @slot This is a slot test