@nuralyui/datepicker 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.component.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/date-picker.component.ts"],"names":[],"mappings":"AAEA;;;;GAIG;;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"date-picker.component.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/date-picker.component.ts"],"names":[],"mappings":"AAEA;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAQ,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKhF,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAMhF,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAErE,qBACa,mBAAoB,SAAQ,UAAU;IACjD,KAAK,wBAAW;IAGhB,IAAI,EAAG,MAAM,CAAC;IAEd,MAAM,SAAQ;IAGd,IAAI,OAAY;IAGhB,KAAK,UAAS;IAGd,QAAQ,OAAa;IAGrB,cAAc,UAAS;IAGvB,WAAW,6BAAqC;IAGhD,MAAM,6BAAiC;IAGvC,IAAI,+BAAmC;IAGvC,aAAa,+BAAwC;IAGrD,WAAW,SAAqB;IAGhC,UAAU,SAAqB;IAG/B,YAAY,SAA0B;IAGtC,OAAO,EAAG,MAAM,CAAC;IAGjB,MAAM,EAAG,MAAM,CAAC;IAGhB,QAAQ,EAAG,MAAM,CAAC;IAGlB,eAAe,SAAM;IAGrB,WAAW,SAAgB;IAG3B,SAAS,SAAM;IAGf,eAAe,EAAE,eAAe,CAM9B;IAGF,SAAS,EAAG,WAAW,CAAC;IAGxB,iBAAiB,EAAG,WAAW,CAAC;IAGhC,gBAAgB,EAAG,gBAAgB,EAAE,CAAC;IAGtC,IAAI,aAAqB;IAGzB,KAAK,cAAuB;IAG5B,KAAK,EAAG,MAAM,CAAC;IAGf,MAAM,EAAG,MAAM,CAAC;IAGhB,QAAQ,UAAS;IAEjB,UAAU,SAAc;IAExB,OAAgB,MAAM,4BAAU;IAEvB,iBAAiB;IAKjB,YAAY;IAQZ,UAAU,CAAC,iBAAiB,EAAE,cAAc;IA+BrD,eAAe,CAAC,CAAC,EAAE,UAAU;IAM7B,eAAe;IAGf,cAAc;IAQd,kBAAkB;IAMlB,gBAAgB,sBAiBd;IAEF,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAQlC,QAAQ;IAWR,QAAQ;IAWR,SAAS;IAoBT,SAAS;IAsBT,WAAW,kBAAmB,MAAM,KAAG,IAAI,CAWzC;IAEF,UAAU,iBAAkB,MAAM,KAAG,IAAI,CAcvC;IAEF,SAAS,gBAAiB,gBAAgB,KAAG,IAAI,CAqB/C;IACF,eAAe,CAAC,WAAW,EAAE,gBAAgB;IA8C7C,eAAe,IAAI,IAAI;IAMvB,cAAc,IAAI,IAAI;IAKtB,YAAY,CAAC,iBAAiB,EAAE,WAAW,GAAG,IAAI;IAGlD,OAAO;IAIP,eAAe,CAAC,OAAO,UAAQ,GAAG,cAAc,GAAG,OAAO,OAAO;IA2BjE,oBAAoB;IA4BpB,cAAc;IA0BL,oBAAoB;IAMpB,MAAM,IAAI,cAAc;CAkBlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,mBAAmB,CAAC;KACtC;IAED,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EACX,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,GACvF,OAAO,CAAC,mBAAmB,CAAC,CAAC;SAClC;KACF;CACF"}
|
package/date-picker.component.js
CHANGED
|
@@ -314,19 +314,19 @@ let HyDatePickerElement = class HyDatePickerElement extends LitElement {
|
|
|
314
314
|
return html `
|
|
315
315
|
<div class="year-month-header">
|
|
316
316
|
${this.mode !== Mode.Year
|
|
317
|
-
? html `<
|
|
317
|
+
? html `<nr-button @click=${this.toggleMonthView} class="toggle-month-view">
|
|
318
318
|
${capitalizeFirstLetter(this.months[this.navigationDates.start.month - 1])}
|
|
319
319
|
${this.range && this.prevMode === Mode.Day
|
|
320
320
|
? ' - ' + capitalizeFirstLetter(this.months[this.navigationDates.start.month])
|
|
321
321
|
: nothing}
|
|
322
|
-
</
|
|
322
|
+
</nr-button> `
|
|
323
323
|
: nothing}
|
|
324
324
|
|
|
325
325
|
<div class="current-year-container">
|
|
326
|
-
<
|
|
326
|
+
<nr-button class="toggle-year-view" @click=${this.toggleYearView}>${this.navigationDates.start.year}</nr-button>
|
|
327
327
|
<div class="year-icons-toggler">
|
|
328
|
-
<
|
|
329
|
-
<
|
|
328
|
+
<nr-button class="next-year" .icon=${['caret-up']} @click=${() => this.nextYear()}></nr-button>
|
|
329
|
+
<nr-button class="previous-year" .icon=${['caret-down']} @click=${() => this.prevYear()}></nr-button>
|
|
330
330
|
</div>
|
|
331
331
|
</div>
|
|
332
332
|
</div>
|
|
@@ -338,20 +338,20 @@ let HyDatePickerElement = class HyDatePickerElement extends LitElement {
|
|
|
338
338
|
class="calendar-container ${this.range && this.prevMode === Mode.Day ? 'calendar-container-range' : EMPTY_STRING}"
|
|
339
339
|
>
|
|
340
340
|
<div class="calendar-header">
|
|
341
|
-
<
|
|
341
|
+
<nr-button
|
|
342
342
|
type="text"
|
|
343
343
|
class="header-prev-button prev-month"
|
|
344
344
|
.icon="${['angle-left']}"
|
|
345
345
|
@click=${() => this.prevMonth()}
|
|
346
|
-
></
|
|
346
|
+
></nr-button>
|
|
347
347
|
${this.renderCalendarHeader()}
|
|
348
348
|
|
|
349
|
-
<
|
|
349
|
+
<nr-button
|
|
350
350
|
type="text"
|
|
351
351
|
class="header-next-button next-month"
|
|
352
352
|
.icon="${['angle-right']}"
|
|
353
353
|
@click=${() => this.nextMonth()}
|
|
354
|
-
></
|
|
354
|
+
></nr-button>
|
|
355
355
|
</div>
|
|
356
356
|
<span class="day-containers">
|
|
357
357
|
${this.renderContainer()}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../src/components/datepicker/date-picker.component.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-case-declarations */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport {LitElement, html, nothing, PropertyValues, TemplateResult} from 'lit';\nimport {customElement, property, query, state} from 'lit/decorators.js';\nimport dayjs from 'dayjs';\nimport {getMonthDetails} from './core/month.helper.js';\nimport {styles} from './date-picker.style.js';\nimport {IDayPresentation, INavigationDate, Mode} from './datepicker.types.js';\nimport {renderMonthsTemplate} from './templates/months.template.js';\nimport {renderYearsTemplate} from './templates/years.template.js';\nimport {renderDays} from './templates/days.template.js';\nimport {oneToTwoDigit} from './core/formatter.js';\nimport {capitalizeFirstLetter} from './core/string.helper.js';\nimport './core/locale.helper.js';\nimport {INPUT_SIZE, INPUT_STATE} from '../input/input.constant.js';\nimport {EMPTY_STRING} from './constants.js';\n@customElement('hy-datepicker')\nexport class HyDatePickerElement extends LitElement {\n today = dayjs();\n\n @property({type: String})\n name!: string;\n @property({type: String})\n locale = 'en';\n\n @property({reflect: true})\n mode = Mode.Day;\n\n @property({type: Boolean})\n range = false;\n\n @state()\n prevMode = this.mode;\n\n @property({reflect: true, type: Boolean})\n openedCalendar = false;\n\n @state()\n monthsShort = dayjs().localeData().monthsShort()\n \n @state()\n months = dayjs().localeData().months();\n\n @state()\n days = dayjs().localeData().weekdays();\n\n @state()\n weekdaysShort = dayjs().localeData().weekdaysShort();\n\n @state()\n currentYear = this.today.year();\n\n @state()\n currentDay = this.today.date();\n\n @state()\n currentMonth = this.today.month() + 1;\n\n @state()\n endYear!: number;\n\n @state()\n endDay!: number;\n\n @state()\n endMonth!: number;\n\n @state()\n inputFieldValue = '';\n\n @property({type: String})\n fieldFormat = 'DD/MM/YYYY';\n\n @property({type: String})\n dateValue = '';\n\n @state()\n navigationDates: INavigationDate = {\n start: {\n year: this.currentYear,\n month: this.currentMonth,\n day: this.currentDay,\n },\n };\n\n @query('#date-input')\n dateInput!: HTMLElement;\n\n @query('.calendar-container')\n calendarContainer!: HTMLElement;\n\n @state()\n daysPresentation!: IDayPresentation[];\n\n @property()\n size = INPUT_SIZE.Medium;\n\n @property()\n state = INPUT_STATE.Default;\n\n @property()\n label!: string;\n\n @property()\n helper!: string;\n\n @property({reflect: true, type: Boolean})\n disabled = false;\n\n INPUT_TYPE = 'calendar';\n\n static override styles = styles;\n\n override connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this._onClickOutside.bind(this));\n document.addEventListener('scroll', this.positionCalendar);\n }\n override firstUpdated() {\n if (this.range) {\n this.endYear = this.currentYear;\n this.endMonth = this.currentMonth;\n this.endDay = this.currentDay;\n }\n this.fillInputField()\n }\n override willUpdate(changedProperties: PropertyValues) {\n if(changedProperties.has('fieldFormat')){\n this.fillInputField()\n }\n if (changedProperties.has('openedCalendar') && this.openedCalendar) {\n this.daysPresentation = getMonthDetails(this.currentYear, this.currentMonth - 1, this.days);\n this.positionCalendar();\n }\n if (changedProperties.has('dateValue') && this.dateValue) {\n const dateObj = dayjs(this.dateValue, this.fieldFormat, true);\n if (dateObj.isValid()) {\n const {years, months, date} = dateObj.toObject();\n this.currentYear = years;\n this.currentMonth = months + 1;\n this.currentDay = date;\n this.navigationDates = {...this.navigationDates, start: {year: years, month: months + 1, day: date}};\n }\n }\n if (\n (changedProperties.has('currentDay') && changedProperties.get('currentDay')) ||\n (changedProperties.has('currentMonth') && changedProperties.get('currentMonth')) ||\n (changedProperties.has('currentYear') && changedProperties.get('currentYear'))\n ) { \n this.fillInputField()\n this.dispatchDateChange();\n }\n if (changedProperties.has('locale')) {\n this.updateLocale(this.locale);\n }\n }\n\n _onClickOutside(e: MouseEvent) {\n if (!e.composedPath().includes(this)) {\n this.openedCalendar = false;\n }\n }\n\n toggleCaldendar() {\n this.openedCalendar = !this.openedCalendar;\n }\n fillInputField(){\n this.inputFieldValue = this.range\n ? dayjs(`${this.currentYear}-${this.currentMonth}-${this.currentDay}`).format(this.fieldFormat) +\n '-' +\n dayjs(`${this.endYear}-${this.endMonth}-${this.endDay}`).format(this.fieldFormat)\n : dayjs(`${this.currentYear}-${this.currentMonth}-${this.currentDay}`).format(this.fieldFormat);\n }\n\n dispatchDateChange() {\n this.dispatchEvent(\n new CustomEvent('date-change', {bubbles: true, composed: true, detail: {value: this.inputFieldValue}})\n );\n }\n\n positionCalendar = async () => {\n if (this.openedCalendar) {\n await this.updateComplete;\n const dateInput = this.shadowRoot!.querySelector('#date-input')!;\n const calendarHeight = this.calendarContainer.getBoundingClientRect().height;\n const dateInputRect = dateInput.getBoundingClientRect();\n const availableBottomSpace = window.visualViewport!.height - dateInputRect.bottom;\n const availableTopSpace = dateInputRect.top;\n this.calendarContainer.style.removeProperty('top');\n this.calendarContainer.style.removeProperty('position');\n if (calendarHeight > availableBottomSpace && availableTopSpace > calendarHeight) {\n const inputElement = dateInput.shadowRoot!.querySelector('#input-container')!;\n const inputBorderTop = +getComputedStyle(inputElement).borderTopWidth.split('px')[0];\n this.calendarContainer.style.top = `${availableTopSpace - calendarHeight - inputBorderTop}px`;\n this.calendarContainer.style.position = 'fixed';\n }\n }\n };\n\n updateLocale(locale: string): void {\n dayjs.locale(locale);\n this.monthsShort = dayjs().localeData().monthsShort();\n this.months = dayjs().localeData().months();\n this.weekdaysShort = dayjs().localeData().weekdaysShort();\n this.days = dayjs().localeData().weekdays();\n }\n\n nextYear() {\n let startYear = this.navigationDates.start.year;\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n ...this.navigationDates.start,\n year: ++startYear,\n },\n };\n }\n\n prevYear() {\n let startYear = this.navigationDates.start.year;\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n ...this.navigationDates.start,\n year: --startYear,\n },\n };\n }\n\n nextMonth() {\n const {start} = this.navigationDates;\n let startMonth = start.month;\n let startYear = start.year;\n if ((startMonth == 11 && this.range) || startMonth == 12) {\n startMonth = 1;\n startYear++;\n } else {\n startMonth++;\n }\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n day: this.navigationDates.start.day,\n month: startMonth,\n year: startYear,\n },\n };\n }\n\n prevMonth() {\n const {start} = this.navigationDates;\n let startMonth = start.month;\n let startYear = start.year;\n if (startMonth >= 2) {\n startMonth = --startMonth;\n } else {\n if (this.range) startMonth = 11;\n else startMonth = 12;\n startYear = --startYear;\n }\n\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n day: this.navigationDates.start.day,\n year: startYear,\n month: startMonth,\n },\n };\n }\n\n selectMonth = (selectedMonth: number): void => {\n const _month = selectedMonth + 1 > 11 && this.range ? 11 : selectedMonth + 1;\n this.navigationDates.start.month = _month;\n this.navigationDates = {...this.navigationDates};\n //TODO: handle mainMode\n if (this.mode == Mode.Month) {\n this.currentDay = 1;\n this.openedCalendar = false;\n } else {\n this.prevMode = Mode.Day;\n }\n };\n\n selectYear = (selectedYear: number): void => {\n this.navigationDates = {\n ...this.navigationDates,\n start: {...this.navigationDates.start, year: selectedYear},\n };\n\n //TODO: handle mainMode\n if (this.mode == Mode.Year) {\n this.currentDay = 1;\n this.currentMonth = 1;\n this.openedCalendar = false;\n } else {\n this.prevMode = Mode.Month;\n }\n };\n\n selectDay = (selectedDay: IDayPresentation): void => {\n if (!this.range) {\n this.currentDay = Number(oneToTwoDigit(selectedDay.date));\n this.currentMonth = selectedDay.month + 1;\n this.currentYear = selectedDay.year;\n const _month = this.currentMonth > 11 && this.range ? 11 : this.currentMonth;\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n month: _month,\n day: this.currentDay,\n year: selectedDay.year,\n },\n };\n } else {\n this.selectDateRange(selectedDay);\n }\n\n //TODO: handle mainMode\n this.prevMode = Mode.Day;\n if (!this.range) this.openedCalendar = false;\n };\n selectDateRange(selectedDay: IDayPresentation) {\n const selectedDateDay = selectedDay.date;\n const selectedDateMonth = selectedDay.month;\n const selectedDateYear = selectedDay.year;\n const selectedDate = new Date(selectedDateYear, selectedDateMonth, selectedDateDay);\n\n const endDateDay = this.endDay;\n const endDateMonth = this.endMonth - 1;\n const endDateYear = this.endYear;\n const endDate = new Date(endDateYear, endDateMonth, endDateDay);\n\n const startDateDay = this.currentDay;\n const startDateMonth = this.currentMonth - 1;\n const startDateYear = this.currentYear;\n const startDate = new Date(startDateYear, startDateMonth, startDateDay);\n\n if (\n !startDate ||\n (endDate &&\n startDate &&\n (selectedDate.getTime() < startDate.getTime() || selectedDate.getTime() < endDate.getTime())) ||\n (startDate && !endDate && selectedDate.getTime() < startDate.getTime())\n ) {\n this.currentDay = Number(oneToTwoDigit(selectedDay.date));\n this.currentMonth = selectedDay.month + 1;\n this.currentYear = selectedDay.year;\n const _month = this.currentMonth > 11 && this.range ? 11 : this.currentMonth;\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n month: _month,\n day: this.currentDay,\n year: selectedDay.year,\n },\n };\n } else if (\n (startDate && !endDate && selectedDate.getTime() > startDate.getTime()) ||\n (startDate && selectedDate.getTime() > startDate.getTime()) ||\n (endDate && startDate && selectedDate.getTime() > endDate.getTime())\n ) {\n const _month = selectedDay.month + 1 > 12 ? 11 : selectedDay.month + 1;\n this.endDay = Number(oneToTwoDigit(selectedDay.date));\n this.endMonth = _month;\n this.endYear = selectedDay.year;\n }\n }\n toggleMonthView(): void {\n if (this.prevMode != Mode.Month) {\n this.prevMode = Mode.Month;\n }\n }\n\n toggleYearView(): void {\n if (this.prevMode != Mode.Year) {\n this.prevMode = Mode.Year;\n }\n }\n inputChanged(inputChangedEvent: CustomEvent): void {\n this.dateValue = inputChangedEvent.detail.value;\n }\n onFocus() {\n this.openedCalendar = true;\n }\n\n renderContainer(isRange = false): TemplateResult | typeof nothing {\n switch (this.prevMode) {\n case Mode.Day:\n return renderDays(\n this.weekdaysShort,\n this.navigationDates,\n this.selectDay,\n {\n curentYear: this.currentYear,\n currentMonth: this.currentMonth,\n currentDay: this.currentDay,\n endYear: this.endYear,\n endMonth: this.endMonth,\n endDay: this.endDay,\n },\n isRange,\n this.days\n );\n case Mode.Month:\n return renderMonthsTemplate(this.monthsShort, this.currentMonth, this.selectMonth);\n case Mode.Year:\n return renderYearsTemplate(this.navigationDates.start.year, this.selectYear);\n default:\n return nothing;\n }\n }\n\n renderCalendarHeader() {\n return html`\n <div class=\"year-month-header\">\n ${\n this.mode !== Mode.Year\n ? html`<hy-button @click=${this.toggleMonthView} class=\"toggle-month-view\">\n ${capitalizeFirstLetter(this.months[this.navigationDates.start.month - 1])}\n ${this.range && this.prevMode === Mode.Day\n ? ' - ' + capitalizeFirstLetter(this.months[this.navigationDates.start.month])\n : nothing}\n </hy-button> `\n : nothing\n } \n \n <div class=\"current-year-container\">\n <hy-button class=\"toggle-year-view\" @click=${this.toggleYearView}>${\n this.navigationDates.start.year\n }</hy-button>\n <div class=\"year-icons-toggler\">\n <hy-button class=\"next-year\" .icon=${['caret-up']} @click=${() => this.nextYear()}></hy-button>\n <hy-button class=\"previous-year\" .icon=${['caret-down']} @click=${() => this.prevYear()}></hy-button>\n </div>\n </div>\n </div>\n </div>\n `;\n }\n\n renderCalendar() {\n return html` <div\n class=\"calendar-container ${this.range && this.prevMode === Mode.Day ? 'calendar-container-range' : EMPTY_STRING}\"\n >\n <div class=\"calendar-header\">\n <hy-button\n type=\"text\"\n class=\"header-prev-button prev-month\"\n .icon=\"${['angle-left']}\"\n @click=${() => this.prevMonth()}\n ></hy-button>\n ${this.renderCalendarHeader()}\n\n <hy-button\n type=\"text\"\n class=\"header-next-button next-month\"\n .icon=\"${['angle-right']}\"\n @click=${() => this.nextMonth()}\n ></hy-button>\n </div>\n <span class=\"day-containers\">\n ${this.renderContainer()}\n ${this.range && this.prevMode === Mode.Day ? this.renderContainer(this.range) : nothing}\n </span>\n </div>`;\n }\n override disconnectedCallback() {\n super.disconnectedCallback();\n document.removeEventListener('click', this._onClickOutside.bind(this));\n document.removeEventListener('scroll', this.positionCalendar);\n }\n\n override render(): TemplateResult {\n return html`\n <hy-input\n id=\"date-input\"\n .type=${this.INPUT_TYPE}\n .value=${this.inputFieldValue}\n .size=${this.size}\n .state=${this.state}\n .disabled=${this.disabled}\n @valueChange=${this.inputChanged}\n @focus=${this.onFocus}\n >\n ${this.label ? html` <span slot=\"label\">${this.label}</span> ` : nothing}\n ${this.helper ? html` <span slot=\"helper-text\">${this.helper}</span> ` : nothing}\n </hy-input>\n ${this.openedCalendar ? this.renderCalendar() : nothing}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'hy-datepicker': HyDatePickerElement;\n }\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'hy-datepicker':\n | React.DetailedHTMLProps<React.HTMLAttributes<HyDatePickerElement>, HyDatePickerElement>\n | Partial<HyDatePickerElement>;\n }\n }\n}"]}
|
|
1
|
+
{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../src/components/datepicker/date-picker.component.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-case-declarations */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement, html, nothing, PropertyValues, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport dayjs from 'dayjs';\nimport { getMonthDetails } from './core/month.helper.js';\nimport { styles } from './date-picker.style.js';\nimport { IDayPresentation, INavigationDate, Mode } from './datepicker.types.js';\nimport { renderMonthsTemplate } from './templates/months.template.js';\nimport { renderYearsTemplate } from './templates/years.template.js';\nimport { renderDays } from './templates/days.template.js';\nimport { oneToTwoDigit } from './core/formatter.js';\nimport { capitalizeFirstLetter } from './core/string.helper.js';\nimport './core/locale.helper.js';\nimport { INPUT_SIZE, INPUT_STATE } from '../input/input.constant.js';\nimport { EMPTY_STRING } from './constants.js';\n@customElement('hy-datepicker')\nexport class HyDatePickerElement extends LitElement {\n today = dayjs();\n\n @property({type: String})\n name!: string;\n @property({type: String})\n locale = 'en';\n\n @property({reflect: true})\n mode = Mode.Day;\n\n @property({type: Boolean})\n range = false;\n\n @state()\n prevMode = this.mode;\n\n @property({reflect: true, type: Boolean})\n openedCalendar = false;\n\n @state()\n monthsShort = dayjs().localeData().monthsShort()\n \n @state()\n months = dayjs().localeData().months();\n\n @state()\n days = dayjs().localeData().weekdays();\n\n @state()\n weekdaysShort = dayjs().localeData().weekdaysShort();\n\n @state()\n currentYear = this.today.year();\n\n @state()\n currentDay = this.today.date();\n\n @state()\n currentMonth = this.today.month() + 1;\n\n @state()\n endYear!: number;\n\n @state()\n endDay!: number;\n\n @state()\n endMonth!: number;\n\n @state()\n inputFieldValue = '';\n\n @property({type: String})\n fieldFormat = 'DD/MM/YYYY';\n\n @property({type: String})\n dateValue = '';\n\n @state()\n navigationDates: INavigationDate = {\n start: {\n year: this.currentYear,\n month: this.currentMonth,\n day: this.currentDay,\n },\n };\n\n @query('#date-input')\n dateInput!: HTMLElement;\n\n @query('.calendar-container')\n calendarContainer!: HTMLElement;\n\n @state()\n daysPresentation!: IDayPresentation[];\n\n @property()\n size = INPUT_SIZE.Medium;\n\n @property()\n state = INPUT_STATE.Default;\n\n @property()\n label!: string;\n\n @property()\n helper!: string;\n\n @property({reflect: true, type: Boolean})\n disabled = false;\n\n INPUT_TYPE = 'calendar';\n\n static override styles = styles;\n\n override connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this._onClickOutside.bind(this));\n document.addEventListener('scroll', this.positionCalendar);\n }\n override firstUpdated() {\n if (this.range) {\n this.endYear = this.currentYear;\n this.endMonth = this.currentMonth;\n this.endDay = this.currentDay;\n }\n this.fillInputField()\n }\n override willUpdate(changedProperties: PropertyValues) {\n if(changedProperties.has('fieldFormat')){\n this.fillInputField()\n }\n if (changedProperties.has('openedCalendar') && this.openedCalendar) {\n this.daysPresentation = getMonthDetails(this.currentYear, this.currentMonth - 1, this.days);\n this.positionCalendar();\n }\n if (changedProperties.has('dateValue') && this.dateValue) {\n const dateObj = dayjs(this.dateValue, this.fieldFormat, true);\n if (dateObj.isValid()) {\n const {years, months, date} = dateObj.toObject();\n this.currentYear = years;\n this.currentMonth = months + 1;\n this.currentDay = date;\n this.navigationDates = {...this.navigationDates, start: {year: years, month: months + 1, day: date}};\n }\n }\n if (\n (changedProperties.has('currentDay') && changedProperties.get('currentDay')) ||\n (changedProperties.has('currentMonth') && changedProperties.get('currentMonth')) ||\n (changedProperties.has('currentYear') && changedProperties.get('currentYear'))\n ) { \n this.fillInputField()\n this.dispatchDateChange();\n }\n if (changedProperties.has('locale')) {\n this.updateLocale(this.locale);\n }\n }\n\n _onClickOutside(e: MouseEvent) {\n if (!e.composedPath().includes(this)) {\n this.openedCalendar = false;\n }\n }\n\n toggleCaldendar() {\n this.openedCalendar = !this.openedCalendar;\n }\n fillInputField(){\n this.inputFieldValue = this.range\n ? dayjs(`${this.currentYear}-${this.currentMonth}-${this.currentDay}`).format(this.fieldFormat) +\n '-' +\n dayjs(`${this.endYear}-${this.endMonth}-${this.endDay}`).format(this.fieldFormat)\n : dayjs(`${this.currentYear}-${this.currentMonth}-${this.currentDay}`).format(this.fieldFormat);\n }\n\n dispatchDateChange() {\n this.dispatchEvent(\n new CustomEvent('date-change', {bubbles: true, composed: true, detail: {value: this.inputFieldValue}})\n );\n }\n\n positionCalendar = async () => {\n if (this.openedCalendar) {\n await this.updateComplete;\n const dateInput = this.shadowRoot!.querySelector('#date-input')!;\n const calendarHeight = this.calendarContainer.getBoundingClientRect().height;\n const dateInputRect = dateInput.getBoundingClientRect();\n const availableBottomSpace = window.visualViewport!.height - dateInputRect.bottom;\n const availableTopSpace = dateInputRect.top;\n this.calendarContainer.style.removeProperty('top');\n this.calendarContainer.style.removeProperty('position');\n if (calendarHeight > availableBottomSpace && availableTopSpace > calendarHeight) {\n const inputElement = dateInput.shadowRoot!.querySelector('#input-container')!;\n const inputBorderTop = +getComputedStyle(inputElement).borderTopWidth.split('px')[0];\n this.calendarContainer.style.top = `${availableTopSpace - calendarHeight - inputBorderTop}px`;\n this.calendarContainer.style.position = 'fixed';\n }\n }\n };\n\n updateLocale(locale: string): void {\n dayjs.locale(locale);\n this.monthsShort = dayjs().localeData().monthsShort();\n this.months = dayjs().localeData().months();\n this.weekdaysShort = dayjs().localeData().weekdaysShort();\n this.days = dayjs().localeData().weekdays();\n }\n\n nextYear() {\n let startYear = this.navigationDates.start.year;\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n ...this.navigationDates.start,\n year: ++startYear,\n },\n };\n }\n\n prevYear() {\n let startYear = this.navigationDates.start.year;\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n ...this.navigationDates.start,\n year: --startYear,\n },\n };\n }\n\n nextMonth() {\n const {start} = this.navigationDates;\n let startMonth = start.month;\n let startYear = start.year;\n if ((startMonth == 11 && this.range) || startMonth == 12) {\n startMonth = 1;\n startYear++;\n } else {\n startMonth++;\n }\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n day: this.navigationDates.start.day,\n month: startMonth,\n year: startYear,\n },\n };\n }\n\n prevMonth() {\n const {start} = this.navigationDates;\n let startMonth = start.month;\n let startYear = start.year;\n if (startMonth >= 2) {\n startMonth = --startMonth;\n } else {\n if (this.range) startMonth = 11;\n else startMonth = 12;\n startYear = --startYear;\n }\n\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n day: this.navigationDates.start.day,\n year: startYear,\n month: startMonth,\n },\n };\n }\n\n selectMonth = (selectedMonth: number): void => {\n const _month = selectedMonth + 1 > 11 && this.range ? 11 : selectedMonth + 1;\n this.navigationDates.start.month = _month;\n this.navigationDates = {...this.navigationDates};\n //TODO: handle mainMode\n if (this.mode == Mode.Month) {\n this.currentDay = 1;\n this.openedCalendar = false;\n } else {\n this.prevMode = Mode.Day;\n }\n };\n\n selectYear = (selectedYear: number): void => {\n this.navigationDates = {\n ...this.navigationDates,\n start: {...this.navigationDates.start, year: selectedYear},\n };\n\n //TODO: handle mainMode\n if (this.mode == Mode.Year) {\n this.currentDay = 1;\n this.currentMonth = 1;\n this.openedCalendar = false;\n } else {\n this.prevMode = Mode.Month;\n }\n };\n\n selectDay = (selectedDay: IDayPresentation): void => {\n if (!this.range) {\n this.currentDay = Number(oneToTwoDigit(selectedDay.date));\n this.currentMonth = selectedDay.month + 1;\n this.currentYear = selectedDay.year;\n const _month = this.currentMonth > 11 && this.range ? 11 : this.currentMonth;\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n month: _month,\n day: this.currentDay,\n year: selectedDay.year,\n },\n };\n } else {\n this.selectDateRange(selectedDay);\n }\n\n //TODO: handle mainMode\n this.prevMode = Mode.Day;\n if (!this.range) this.openedCalendar = false;\n };\n selectDateRange(selectedDay: IDayPresentation) {\n const selectedDateDay = selectedDay.date;\n const selectedDateMonth = selectedDay.month;\n const selectedDateYear = selectedDay.year;\n const selectedDate = new Date(selectedDateYear, selectedDateMonth, selectedDateDay);\n\n const endDateDay = this.endDay;\n const endDateMonth = this.endMonth - 1;\n const endDateYear = this.endYear;\n const endDate = new Date(endDateYear, endDateMonth, endDateDay);\n\n const startDateDay = this.currentDay;\n const startDateMonth = this.currentMonth - 1;\n const startDateYear = this.currentYear;\n const startDate = new Date(startDateYear, startDateMonth, startDateDay);\n\n if (\n !startDate ||\n (endDate &&\n startDate &&\n (selectedDate.getTime() < startDate.getTime() || selectedDate.getTime() < endDate.getTime())) ||\n (startDate && !endDate && selectedDate.getTime() < startDate.getTime())\n ) {\n this.currentDay = Number(oneToTwoDigit(selectedDay.date));\n this.currentMonth = selectedDay.month + 1;\n this.currentYear = selectedDay.year;\n const _month = this.currentMonth > 11 && this.range ? 11 : this.currentMonth;\n this.navigationDates = {\n ...this.navigationDates,\n start: {\n month: _month,\n day: this.currentDay,\n year: selectedDay.year,\n },\n };\n } else if (\n (startDate && !endDate && selectedDate.getTime() > startDate.getTime()) ||\n (startDate && selectedDate.getTime() > startDate.getTime()) ||\n (endDate && startDate && selectedDate.getTime() > endDate.getTime())\n ) {\n const _month = selectedDay.month + 1 > 12 ? 11 : selectedDay.month + 1;\n this.endDay = Number(oneToTwoDigit(selectedDay.date));\n this.endMonth = _month;\n this.endYear = selectedDay.year;\n }\n }\n toggleMonthView(): void {\n if (this.prevMode != Mode.Month) {\n this.prevMode = Mode.Month;\n }\n }\n\n toggleYearView(): void {\n if (this.prevMode != Mode.Year) {\n this.prevMode = Mode.Year;\n }\n }\n inputChanged(inputChangedEvent: CustomEvent): void {\n this.dateValue = inputChangedEvent.detail.value;\n }\n onFocus() {\n this.openedCalendar = true;\n }\n\n renderContainer(isRange = false): TemplateResult | typeof nothing {\n switch (this.prevMode) {\n case Mode.Day:\n return renderDays(\n this.weekdaysShort,\n this.navigationDates,\n this.selectDay,\n {\n curentYear: this.currentYear,\n currentMonth: this.currentMonth,\n currentDay: this.currentDay,\n endYear: this.endYear,\n endMonth: this.endMonth,\n endDay: this.endDay,\n },\n isRange,\n this.days\n );\n case Mode.Month:\n return renderMonthsTemplate(this.monthsShort, this.currentMonth, this.selectMonth);\n case Mode.Year:\n return renderYearsTemplate(this.navigationDates.start.year, this.selectYear);\n default:\n return nothing;\n }\n }\n\n renderCalendarHeader() {\n return html`\n <div class=\"year-month-header\">\n ${\n this.mode !== Mode.Year\n ? html`<nr-button @click=${this.toggleMonthView} class=\"toggle-month-view\">\n ${capitalizeFirstLetter(this.months[this.navigationDates.start.month - 1])}\n ${this.range && this.prevMode === Mode.Day\n ? ' - ' + capitalizeFirstLetter(this.months[this.navigationDates.start.month])\n : nothing}\n </nr-button> `\n : nothing\n } \n \n <div class=\"current-year-container\">\n <nr-button class=\"toggle-year-view\" @click=${this.toggleYearView}>${\n this.navigationDates.start.year\n }</nr-button>\n <div class=\"year-icons-toggler\">\n <nr-button class=\"next-year\" .icon=${['caret-up']} @click=${() => this.nextYear()}></nr-button>\n <nr-button class=\"previous-year\" .icon=${['caret-down']} @click=${() => this.prevYear()}></nr-button>\n </div>\n </div>\n </div>\n </div>\n `;\n }\n\n renderCalendar() {\n return html` <div\n class=\"calendar-container ${this.range && this.prevMode === Mode.Day ? 'calendar-container-range' : EMPTY_STRING}\"\n >\n <div class=\"calendar-header\">\n <nr-button\n type=\"text\"\n class=\"header-prev-button prev-month\"\n .icon=\"${['angle-left']}\"\n @click=${() => this.prevMonth()}\n ></nr-button>\n ${this.renderCalendarHeader()}\n\n <nr-button\n type=\"text\"\n class=\"header-next-button next-month\"\n .icon=\"${['angle-right']}\"\n @click=${() => this.nextMonth()}\n ></nr-button>\n </div>\n <span class=\"day-containers\">\n ${this.renderContainer()}\n ${this.range && this.prevMode === Mode.Day ? this.renderContainer(this.range) : nothing}\n </span>\n </div>`;\n }\n override disconnectedCallback() {\n super.disconnectedCallback();\n document.removeEventListener('click', this._onClickOutside.bind(this));\n document.removeEventListener('scroll', this.positionCalendar);\n }\n\n override render(): TemplateResult {\n return html`\n <hy-input\n id=\"date-input\"\n .type=${this.INPUT_TYPE}\n .value=${this.inputFieldValue}\n .size=${this.size}\n .state=${this.state}\n .disabled=${this.disabled}\n @valueChange=${this.inputChanged}\n @focus=${this.onFocus}\n >\n ${this.label ? html` <span slot=\"label\">${this.label}</span> ` : nothing}\n ${this.helper ? html` <span slot=\"helper-text\">${this.helper}</span> ` : nothing}\n </hy-input>\n ${this.openedCalendar ? this.renderCalendar() : nothing}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'hy-datepicker': HyDatePickerElement;\n }\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'hy-datepicker':\n | React.DetailedHTMLProps<React.HTMLAttributes<HyDatePickerElement>, HyDatePickerElement>\n | Partial<HyDatePickerElement>;\n }\n }\n}"]}
|
package/date-picker.style.js
CHANGED
|
@@ -13,7 +13,7 @@ const calendarStyles = css `
|
|
|
13
13
|
position: absolute;
|
|
14
14
|
background-color: var(--hybrid-datepicker-background-color);
|
|
15
15
|
}
|
|
16
|
-
|
|
16
|
+
nr-button {
|
|
17
17
|
--hybrid-button-border-top: 1px solid transparent;
|
|
18
18
|
--hybrid-button-border-bottom: 1px solid transparent;
|
|
19
19
|
--hybrid-button-border-left: 1px solid transparent;
|
package/date-picker.style.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.style.js","sourceRoot":"","sources":["../../../src/components/datepicker/date-picker.style.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"date-picker.style.js","sourceRoot":"","sources":["../../../src/components/datepicker/date-picker.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2NzB,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst calendarStyles = css`\n :host {\n font-family: var(--hybrid-datepicker-font-family);\n }\n .calendar-container {\n z-index: 10000;\n user-select: none;\n padding: 5px;\n width: 350px;\n float: left;\n text-align: center;\n position: absolute;\n background-color: var(--hybrid-datepicker-background-color);\n }\n nr-button {\n --hybrid-button-border-top: 1px solid transparent;\n --hybrid-button-border-bottom: 1px solid transparent;\n --hybrid-button-border-left: 1px solid transparent;\n --hybrid-button-border-right: 1px solid transparent;\n --hybrid-button-background-color: var(--hybrid-datepicker-button-background-color);\n --hybrid-button-text-color: var(--hybrid-datepicker-button-text-color);\n }\n .toggle-year-view,\n .toggle-month-view {\n --hybrid-button-font-weight: var(--hybrid-datepicker-toggle-month-year-font-weight);\n }\n .current-year-container {\n display: inline-flex;\n gap: 5px;\n }\n .year-icons-toggler {\n display: none;\n flex-direction: column;\n line-height: 0;\n }\n .next-year,\n .previous-year {\n --hybrid-button-width: 10px;\n --hybrid-button-height: 10px;\n --hybrid-button-padding-x: 0px;\n --hybrid-button-padding-y: 0px;\n --hybrid-button-hover-border-color: transparent;\n --hybrid-button-active-border-color: transparent;\n }\n .calendar-container-range {\n width: 600px;\n }\n\n .header-next-button {\n float: right;\n }\n\n .header-prev-button {\n float: left;\n }\n\n .day-containers {\n display: flex;\n flex-flow: row;\n width: 100%;\n }\n .days-container {\n color: var(--hybrid-datepicker-day-container-color);\n display: flex;\n flex-grow: 1;\n flex-wrap: wrap;\n }\n\n .day-container,\n .day-header-item {\n width: 13%;\n height: var(--hybrid-datepicker-day-container-height);\n font-size: 13px;\n margin: 2px;\n cursor: pointer;\n line-height: 2.5;\n }\n\n :host([size='small']) .day-container {\n height: var(--hybrid-datepicker-small-day-container-height);\n }\n :host([size='large']) .day-container {\n height: var(--hybrid-datepicker-large-day-container-height);\n }\n\n :not(.day-active).day-container:hover {\n background-color: var(--hybrid-datepicker-day-container-hover-background-color);\n }\n\n .day-active,\n .month-active,\n .year-active {\n background-color: var(--hybrid-datepicker-current-day-month-year-background-color);\n color: var(--hybrid-datepicker-current-day-month-year-color);\n }\n .today {\n position: relative;\n }\n :not(.day-active).today {\n color: var(--hybrid-datepicker-today-color);\n }\n .current-year-container:hover > .year-icons-toggler {\n display: inline-flex;\n }\n .today::after {\n content: '';\n display: block;\n width: 4px;\n height: 4px;\n background-color: var(--hybrid-datepicker-today-underline-color);\n position: absolute;\n top: 75%;\n right: 50%;\n transform: translate(50%);\n }\n .day-header-item {\n cursor: auto;\n }\n .day-invalid {\n color: var(--hybrid-datepicker-day-invalid-color);\n }\n .day-invalid:hover {\n background-color: var(--hybrid-datepicker-day-invalid-hover-background-color);\n }\n .year-month-header {\n display: inline-block;\n line-height: 2;\n }\n\n .months-container {\n display: flex;\n flex-grow: 1;\n flex-wrap: wrap;\n color: var(--hybrid-datepicker-month-container-color);\n }\n\n .month-container {\n width: 33%;\n line-height: var(--hybrid-datepicker-month-container-line-height);\n cursor: pointer;\n font-size: 13px;\n }\n :not(.month-active).month-container:hover {\n background-color: var(--hybrid-datepicker-month-container-hover-background-color);\n }\n\n :host([size='small']) .month-container {\n line-height: var(--hybrid-datepicker-small-month-container-line-height);\n }\n :host([size='large']) .month-container {\n line-height: var(--hybrid-datepicker-large-month-container-line-height);\n }\n\n .years-container {\n display: flex;\n flex-grow: 1;\n flex-wrap: wrap;\n color: var(--hybrid-datepicker-year-container-color);\n }\n\n .year-container {\n width: 33%;\n line-height: var(--hybrid-datepicker-year-container-line-height);\n cursor: pointer;\n font-size: 13px;\n }\n :not(.year-active).year-container:hover {\n background-color: var(--hybrid-datepicker-year-container-hover-background-color);\n }\n\n :host([size='small']) .year-container {\n line-height: var(--hybrid-datepicker-small-year-container-line-height);\n }\n :host([size='large']) .year-container {\n line-height: var(--hybrid-datepicker-large-year-container-line-height);\n }\n :host {\n --hybrid-datepicker-font-family: Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, Cantarell, \"Noto Sans\", sans-serif, \"system-ui\", \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, SFProLocalRange;\n --hybrid-datepicker-background-color: #f9f9f9;\n --hybrid-datepicker-toggle-month-year-font-weight: bold;\n --hybrid-datepicker-button-background-color: #f9f9f9;\n --hybrid-datepicker-button-text-color: #393939;\n\n --hybrid-datepicker-year-container-line-height: 4.3;\n --hybrid-datepicker-small-year-container-line-height: 3.3;\n --hybrid-datepicker-large-year-container-line-height: 5.3;\n --hybrid-datepicker-year-container-hover-background-color: #e4e4e4;\n --hybrid-datepicker-month-container-line-height: 4.3;\n --hybrid-datepicker-small-month-container-line-height: 3.3;\n --hybrid-datepicker-large-month-container-line-height: 5.3;\n --hybrid-datepicker-month-container-hover-background-color: #e4e4e4;\n --hybrid-datepicker-day-container-height: 30px;\n --hybrid-datepicker-day-container-color: #000000;\n --hybrid-datepicker-month-container-color: #000000;\n --hybrid-datepicker-year-container-color: #000000;\n --hybrid-datepicker-small-day-container-height: 25px;\n --hybrid-datepicker-large-day-container-height: 35px;\n --hybrid-datepicker-day-container-hover-background-color: #e4e4e4;\n --hybrid-datepicker-day-invalid-color: #9a9a9a;\n --hybrid-datepicker-day-invalid-hover-background-color: #e6e6e6;\n --hybrid-datepicker-current-day-month-year-background-color: #0f62fe;\n --hybrid-datepicker-current-day-month-year-color: #ffffff;\n --hybrid-datepicker-today-underline-color: #0f62fe;\n --hybrid-datepicker-today-color: #0f62fe;\n }\n @media (prefers-color-scheme: dark) {\n :host {\n --hybrid-datepicker-background-color: #000000;\n --hybrid-datepicker-day-container-color: #ffffff;\n --hybrid-datepicker-month-container-color: #ffffff;\n --hybrid-datepicker-year-container-color: #ffffff;\n --hybrid-datepicker-button-background-color: #000000;\n --hybrid-datepicker-button-text-color: #ffffff;\n --hybrid-datepicker-day-container-hover-background-color: #393939;\n --hybrid-datepicker-day-invalid-hover-background-color: #393939;\n --hybrid-datepicker-month-container-hover-background-color: #393939;\n --hybrid-datepicker-year-container-hover-background-color: #393939;\n }\n }\n`;\nexport const styles = [calendarStyles];\n"]}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nuralyui/datepicker",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"type": "module",
|
|
7
|
-
"
|
|
8
|
-
"dayjs": "^
|
|
7
|
+
"peerDependencies": {
|
|
8
|
+
"dayjs": "^2.0.0-alpha.4"
|
|
9
9
|
},
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1"
|