New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@cxing/date-selector

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cxing/date-selector - npm Package Compare versions

Comparing version 0.0.20 to 0.0.21

2

CHANGELOG.md
Changelog
### 0.0.21 (2020-10-15)
### 0.0.20 (2020-10-15)

@@ -3,0 +5,0 @@

777

dist/date-selector.es.js

@@ -1,7 +0,25 @@

/* @cxing/date-selector version 0.0.20 © 2020 Cutter's Crossing */
import React, { useCallback, useEffect, useRef, Fragment, createContext, useContext, useState, useMemo } from 'react';
/* @cxing/date-selector version 0.0.21 © 2020 Cutter's Crossing */
import React, { createContext, useContext, useState, useMemo, useCallback, useEffect, useRef, Fragment } from 'react';
import PropTypes from 'prop-types';
import { Duration, DateTime } from 'luxon';
import { DateTime, Duration } from 'luxon';
import classnames from 'classnames';
function _extends() {
_extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
function createRange({

@@ -23,3 +41,3 @@ first,

function getFirstDayOfWeek(fromDate) {
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return;
if (!fromDate?.isValid) return;
const firstDayOfWeek = fromDate.startOf('week');

@@ -34,3 +52,3 @@ return firstDayOfWeek.minus({

}) {
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return;
if (!fromDate?.isValid) return;
const firstDayOfMonth = fromDate.startOf(period);

@@ -40,3 +58,3 @@ return getFirstDayOfWeek(firstDayOfMonth);

function getLastDayOfWeek(fromDate) {
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return;
if (!fromDate?.isValid) return;
const lastDayOfWeek = fromDate.endOf('week');

@@ -51,3 +69,3 @@ return lastDayOfWeek.minus({

}) {
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return;
if (!fromDate?.isValid) return;
const lastDayOfMonth = fromDate.endOf(period);

@@ -57,3 +75,3 @@ return getLastDayOfWeek(lastDayOfMonth);

function getDisplayDaysRange(fromDate) {
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return [];
if (!fromDate?.isValid) return [];
const first = getFirstDisplayDay({

@@ -71,3 +89,3 @@ fromDate

function getDisplayMonthsRange(fromDate) {
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid)) return [];
if (!fromDate?.isValid) return [];
const first = fromDate.startOf('year');

@@ -86,3 +104,3 @@ const last = fromDate.endOf('year');

}) {
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid) || !range) return;
if (!fromDate?.isValid || !range) return;
const year = fromDate.year;

@@ -98,3 +116,3 @@ const newYear = parseInt((year - 1) / range, 10) * range + 1;

}) {
if (!(fromDate === null || fromDate === void 0 ? void 0 : fromDate.isValid) || !range) return [];
if (!fromDate?.isValid || !range) return [];
const first = getStartingYear({

@@ -176,31 +194,37 @@ fromDate,

function useNext ({
setActiveDate,
view,
conversions
function LabelButton({
buttonLabel: label,
buttonARIALabel,
onClick,
className
}) {
return useCallback(() => setActiveDate(prev => prev.plus(conversions[view])), [setActiveDate, view, conversions]);
return React.createElement("button", {
"aria-label": buttonARIALabel,
className: className,
onClick: onClick
}, label);
}
function usePrevious ({
setActiveDate,
view,
conversions
function PreviousButton({
ariaButtonLabel,
onClick,
className
}) {
return useCallback(() => setActiveDate(prev => prev.minus(conversions[view])), [setActiveDate, view, conversions]);
return React.createElement("button", {
"aria-label": ariaButtonLabel,
className: className,
onClick: onClick
}, '<');
}
const decision = {
day: 'month',
month: 'year',
year: 'month'
};
function useOnLabelClick ({
setShowCal,
setView
function NextButton({
ariaButtonLabel,
onClick,
className
}) {
return useCallback(() => {
setShowCal(false);
setView(prev => decision[prev]);
}, [setShowCal, setView]);
return React.createElement("button", {
"aria-label": ariaButtonLabel,
className: className,
onClick: onClick
}, '>');
}

@@ -231,7 +255,184 @@

var css_248z = ".Header-module_wrapper__3dq9j{display:inline;position:relative}.Header-module_button__1nR7o{border-color:transparent;border-radius:3px;background-color:initial}.Header-module_thisDay__3QL7a:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.Header-module_activeDate__3aarC.Header-module_thisDay__3QL7a:after{border-bottom-color:#fff}.Header-module_activeDate__3aarC button{background-color:#66f;color:#fff}.Header-module_valueDate__3fY84 button{background-color:#00f}.Header-module_header__3xTSI{display:flex;flex-direction:row;align-items:stretch}.Header-module_button__1nR7o{position:relative;height:2rem}.Header-module_navButton__1uok4{width:2rem}.Header-module_label__1uuqH{flex-grow:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4QkFDRSxjQUFlLENBQ2YsaUJBQW9CLENBRXRCLDZCQUNFLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsd0JBQ29CLENBRXRCLG9DQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsWUFBYSxDQUNiLE9BQVEsQ0FDUixRQUFTLENBQ1QsbUNBQXFDLENBQ3JDLGtDQUFvQyxDQUNwQyw4QkFBZ0MsQ0FDaEMsWUFBYyxDQUNkLFVBQWEsQ0FFZixvRUFDRSx3QkFBNEIsQ0FFOUIsd0NBQ0UscUJBQXlCLENBQ3pCLFVBQWMsQ0FFaEIsdUNBQ0UscUJBQXdCLENBRTFCLDZCQUNFLFlBQWEsQ0FDYixrQkFBbUIsQ0FDbkIsbUJBQXNCLENBRXhCLDZCQUNFLGlCQUFrQixDQUNsQixXQUFjLENBRWhCLGdDQUNFLFVBQWEsQ0FFZiw0QkFDRSxXQUFjIiwiZmlsZSI6IkhlYWRlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53cmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiBhdXRvO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItbGVmdDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wOiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b206IDAuNXJlbSBzb2xpZCBibHVlO1xuICByaWdodDogMC4yNXJlbTtcbiAgY2xlYXI6IGJvdGg7IH1cblxuLmFjdGl2ZURhdGUudGhpc0RheTo6YWZ0ZXIge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB3aGl0ZTsgfVxuXG4uYWN0aXZlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNjY2NmZmO1xuICBjb2xvcjogd2hpdGU7IH1cblxuLnZhbHVlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOyB9XG5cbi5oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDsgfVxuXG4uYnV0dG9uIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDJyZW07IH1cblxuLm5hdkJ1dHRvbiB7XG4gIHdpZHRoOiAycmVtOyB9XG5cbi5sYWJlbCB7XG4gIGZsZXgtZ3JvdzogMTsgfVxuIl19 */";
var styles = {"wrapper":"Header-module_wrapper__3dq9j","button":"Header-module_button__1nR7o","thisDay":"Header-module_thisDay__3QL7a","activeDate":"Header-module_activeDate__3aarC","valueDate":"Header-module_valueDate__3fY84","header":"Header-module_header__3xTSI","navButton":"Header-module_navButton__1uok4","label":"Header-module_label__1uuqH"};
var css_248z = ".DayButton-module_dayWrapper__M76XC,.DayButton-module_wrapper__3XQ0X{display:inline;position:relative}.DayButton-module_button__2wtT1,.DayButton-module_dayButton__417d2{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.DayButton-module_thisDay__yNlh9:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.DayButton-module_activeDate__1dMaf.DayButton-module_thisDay__yNlh9:after{border-bottom-color:#fff}.DayButton-module_activeDate__1dMaf button{background-color:#66f;color:#fff}.DayButton-module_valueDate__3u92f button{background-color:#00f}.DayButton-module_dayButton__417d2{width:2rem;height:2rem}.DayButton-module_thisDay__yNlh9:after{bottom:-.2rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRheUJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFDRSxjQUFlLENBQ2YsaUJBQW9CLENBRXRCLG1FQUNFLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsd0JBQTZCLENBQzdCLGlCQUFvQixDQUV0Qix1Q0FDRSxVQUFXLENBQ1gsaUJBQWtCLENBQ2xCLFlBQWEsQ0FDYixPQUFRLENBQ1IsUUFBUyxDQUNULG1DQUFxQyxDQUNyQyxrQ0FBb0MsQ0FDcEMsOEJBQWdDLENBQ2hDLFlBQWMsQ0FDZCxVQUFhLENBRWYsMEVBQ0Usd0JBQTRCLENBRTlCLDJDQUNFLHFCQUF5QixDQUN6QixVQUFjLENBRWhCLDBDQUNFLHFCQUF3QixDQUUxQixtQ0FDRSxVQUFXLENBQ1gsV0FBYyxDQUVoQix1Q0FDRSxhQUFpQiIsImZpbGUiOiJEYXlCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLmRheVdyYXBwZXIge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4uYnV0dG9uLCAuZGF5QnV0dG9uIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi50aGlzRGF5OjphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IGF1dG87XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1sZWZ0OiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3A6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbTogMC41cmVtIHNvbGlkIGJsdWU7XG4gIHJpZ2h0OiAwLjI1cmVtO1xuICBjbGVhcjogYm90aDsgfVxuXG4uYWN0aXZlRGF0ZS50aGlzRGF5OjphZnRlciB7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHdoaXRlOyB9XG5cbi5hY3RpdmVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM2NjY2ZmY7XG4gIGNvbG9yOiB3aGl0ZTsgfVxuXG4udmFsdWVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsdWU7IH1cblxuLmRheUJ1dHRvbiB7XG4gIHdpZHRoOiAycmVtO1xuICBoZWlnaHQ6IDJyZW07IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm90dG9tOiAtMC4ycmVtOyB9XG4iXX0= */";
var styles = {"wrapper":"DayButton-module_wrapper__3XQ0X","dayWrapper":"DayButton-module_dayWrapper__M76XC","button":"DayButton-module_button__2wtT1","dayButton":"DayButton-module_dayButton__417d2","thisDay":"DayButton-module_thisDay__yNlh9","activeDate":"DayButton-module_activeDate__1dMaf","valueDate":"DayButton-module_valueDate__3u92f"};
styleInject(css_248z);
var _jsxFileName = "/home/runner/work/date-selector/date-selector/src/picker/header/Header.component.js";
function DayButton({
buttonRef,
date,
disabled,
onClick,
ariaButtonLabel
}) {
return React.createElement("button", {
ref: buttonRef,
"aria-label": ariaButtonLabel,
className: styles.dayButton,
disabled: disabled,
onClick: onClick
}, date.toFormat('dd'));
}
DayButton.propTypes = {
buttonRef: PropTypes.any,
date: PropTypes.instanceOf(DateTime),
disabled: PropTypes.bool,
onClick: PropTypes.func,
ariaButtonLabel: PropTypes.string
};
var css_248z$1 = ".MonthButton-module_monthWrapper__2F5k3,.MonthButton-module_wrapper__33o7z{display:inline;position:relative}.MonthButton-module_button__2bqgM,.MonthButton-module_monthButton__pz4e5{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.MonthButton-module_thisDay__tiLrV:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.MonthButton-module_activeDate__lck4_.MonthButton-module_thisDay__tiLrV:after{border-bottom-color:#fff}.MonthButton-module_activeDate__lck4_ button{background-color:#66f;color:#fff}.MonthButton-module_valueDate__2M9dB button{background-color:#00f}.MonthButton-module_monthButton__pz4e5{width:25%;height:3.3333rem}.MonthButton-module_thisDay__tiLrV:after{bottom:-.9rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vbnRoQnV0dG9uLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJFQUNFLGNBQWUsQ0FDZixpQkFBb0IsQ0FFdEIseUVBQ0Usd0JBQXlCLENBQ3pCLGlCQUFrQixDQUNsQix3QkFBNkIsQ0FDN0IsaUJBQW9CLENBRXRCLHlDQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsWUFBYSxDQUNiLE9BQVEsQ0FDUixRQUFTLENBQ1QsbUNBQXFDLENBQ3JDLGtDQUFvQyxDQUNwQyw4QkFBZ0MsQ0FDaEMsWUFBYyxDQUNkLFVBQWEsQ0FFZiw4RUFDRSx3QkFBNEIsQ0FFOUIsNkNBQ0UscUJBQXlCLENBQ3pCLFVBQWMsQ0FFaEIsNENBQ0UscUJBQXdCLENBRTFCLHVDQUNFLFNBQVUsQ0FDVixnQkFBbUIsQ0FFckIseUNBQ0UsYUFBaUIiLCJmaWxlIjoiTW9udGhCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLm1vbnRoV3JhcHBlciB7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi5idXR0b24sIC5tb250aEJ1dHRvbiB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiBhdXRvO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItbGVmdDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wOiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b206IDAuNXJlbSBzb2xpZCBibHVlO1xuICByaWdodDogMC4yNXJlbTtcbiAgY2xlYXI6IGJvdGg7IH1cblxuLmFjdGl2ZURhdGUudGhpc0RheTo6YWZ0ZXIge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB3aGl0ZTsgfVxuXG4uYWN0aXZlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNjY2NmZmO1xuICBjb2xvcjogd2hpdGU7IH1cblxuLnZhbHVlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOyB9XG5cbi5tb250aEJ1dHRvbiB7XG4gIHdpZHRoOiAyNSU7XG4gIGhlaWdodDogMy4zMzMzcmVtOyB9XG5cbi50aGlzRGF5OjphZnRlciB7XG4gIGJvdHRvbTogLTAuOXJlbTsgfVxuIl19 */";
var styles$1 = {"wrapper":"MonthButton-module_wrapper__33o7z","monthWrapper":"MonthButton-module_monthWrapper__2F5k3","button":"MonthButton-module_button__2bqgM","monthButton":"MonthButton-module_monthButton__pz4e5","thisDay":"MonthButton-module_thisDay__tiLrV","activeDate":"MonthButton-module_activeDate__lck4_","valueDate":"MonthButton-module_valueDate__2M9dB"};
styleInject(css_248z$1);
function MonthButton({
buttonRef,
ariaButtonLabel,
date,
onClick
}) {
return React.createElement("button", {
ref: buttonRef,
"aria-label": ariaButtonLabel,
className: styles$1.monthButton,
onClick: onClick
}, date.toFormat('MMM'));
}
MonthButton.propTypes = {
buttonRef: PropTypes.any,
ariaButtonLabel: PropTypes.string,
date: PropTypes.instanceOf(DateTime),
onClick: PropTypes.func
};
var css_248z$2 = ".YearButton-module_wrapper__1wZxO,.YearButton-module_yearWrapper__QTX-d{display:inline;position:relative}.YearButton-module_button__3yaLP,.YearButton-module_yearButton__3LCb6{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.YearButton-module_thisDay__3PSWa:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.YearButton-module_activeDate__2tXOu.YearButton-module_thisDay__3PSWa:after{border-bottom-color:#fff}.YearButton-module_activeDate__2tXOu button{background-color:#66f;color:#fff}.YearButton-module_valueDate__3Tvkt button{background-color:#00f}.YearButton-module_thisDay__3PSWa:after{bottom:-.9rem}.YearButton-module_yearButton__3LCb6{width:20%;height:3.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlllYXJCdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsd0VBQ0UsY0FBZSxDQUNmLGlCQUFvQixDQUV0QixzRUFDRSx3QkFBeUIsQ0FDekIsaUJBQWtCLENBQ2xCLHdCQUE2QixDQUM3QixpQkFBb0IsQ0FFdEIsd0NBQ0UsVUFBVyxDQUNYLGlCQUFrQixDQUNsQixZQUFhLENBQ2IsT0FBUSxDQUNSLFFBQVMsQ0FDVCxtQ0FBcUMsQ0FDckMsa0NBQW9DLENBQ3BDLDhCQUFnQyxDQUNoQyxZQUFjLENBQ2QsVUFBYSxDQUVmLDRFQUNFLHdCQUE0QixDQUU5Qiw0Q0FDRSxxQkFBeUIsQ0FDekIsVUFBYyxDQUVoQiwyQ0FDRSxxQkFBd0IsQ0FFMUIsd0NBQ0UsYUFBaUIsQ0FFbkIscUNBQ0UsU0FBVSxDQUNWLGFBQWdCIiwiZmlsZSI6IlllYXJCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLnllYXJXcmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiwgLnllYXJCdXR0b24ge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogYXV0bztcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLWxlZnQ6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tOiAwLjVyZW0gc29saWQgYmx1ZTtcbiAgcmlnaHQ6IDAuMjVyZW07XG4gIGNsZWFyOiBib3RoOyB9XG5cbi5hY3RpdmVEYXRlLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogd2hpdGU7IH1cblxuLmFjdGl2ZURhdGUgYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzY2NjZmZjtcbiAgY29sb3I6IHdoaXRlOyB9XG5cbi52YWx1ZURhdGUgYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBib3R0b206IC0wLjlyZW07IH1cblxuLnllYXJCdXR0b24ge1xuICB3aWR0aDogMjAlO1xuICBoZWlnaHQ6IDMuNXJlbTsgfVxuIl19 */";
var styles$2 = {"wrapper":"YearButton-module_wrapper__1wZxO","yearWrapper":"YearButton-module_yearWrapper__QTX-d","button":"YearButton-module_button__3yaLP","yearButton":"YearButton-module_yearButton__3LCb6","thisDay":"YearButton-module_thisDay__3PSWa","activeDate":"YearButton-module_activeDate__2tXOu","valueDate":"YearButton-module_valueDate__3Tvkt"};
styleInject(css_248z$2);
function YearButton({
buttonRef,
ariaButtonLabel,
date,
onClick
}) {
return React.createElement("button", {
ref: buttonRef,
"aria-label": ariaButtonLabel,
className: styles$2.yearButton,
onClick: onClick
}, date.toFormat('yyyy'));
}
YearButton.propTypes = {
buttonRef: PropTypes.any,
ariaButtonLabel: PropTypes.string,
date: PropTypes.instanceOf(DateTime),
onClick: PropTypes.func
};
const defaultComponents = {
labelButton: LabelButton,
previousButton: PreviousButton,
nextButton: NextButton,
dayButton: DayButton,
monthButton: MonthButton,
yearButton: YearButton
};
function mixComponents({
components = {}
}) {
return { ...defaultComponents,
...components
};
}
const DateSelectorContext = createContext();
function DateSelectorProvider({
defaultDate,
value,
minDate,
maxDate,
defaultView,
messages,
components,
onChange,
isDateDisabled,
...props
}) {
const [today] = useState(defaultDate?.startOf('day') || DateTime.local().startOf('day'));
const [activeDate, setActiveDate] = useState(value?.startOf('day') || today);
const [showCal, setShowCal] = useState(false);
const [view, setView] = useState(defaultView);
const [range, setRange] = useState();
const values = useMemo(() => ({
today,
value,
activeDate,
setActiveDate,
showCal,
setShowCal,
view,
setView,
range,
setRange,
minDate,
maxDate,
messages: mixMessages({
messages
}),
components: mixComponents({
components
}),
onChange,
isDateDisabled
}), [today, value, activeDate, setActiveDate, showCal, setShowCal, view, setView, range, setRange, minDate, maxDate, messages, components, onChange, isDateDisabled]);
return React.createElement(DateSelectorContext.Provider, _extends({
value: values
}, props));
}
DateSelectorProvider.propTypes = {
defaultDate: PropTypes.instanceOf(DateTime),
value: PropTypes.instanceOf(DateTime),
minDate: PropTypes.instanceOf(DateTime),
maxDate: PropTypes.instanceOf(DateTime),
defaultView: PropTypes.oneOf(['day', 'month', 'year']),
messages: PropTypes.object,
onChange: PropTypes.func,
isDateDisabled: PropTypes.func
};
const useDateSelector = () => useContext(DateSelectorContext);
function useNext ({
setActiveDate,
view,
conversions
}) {
return useCallback(() => setActiveDate(prev => prev.plus(conversions[view])), [setActiveDate, view, conversions]);
}
function usePrevious ({
setActiveDate,
view,
conversions
}) {
return useCallback(() => setActiveDate(prev => prev.minus(conversions[view])), [setActiveDate, view, conversions]);
}
const decision = {
day: 'month',
month: 'year',
year: 'month'
};
function useOnLabelClick ({
setShowCal,
setView
}) {
return useCallback(() => {
setShowCal(false);
setView(prev => decision[prev]);
}, [setShowCal, setView]);
}
var css_248z$3 = ".Header-module_wrapper__3dq9j{display:inline;position:relative}.Header-module_button__1nR7o{border-color:transparent;border-radius:3px;background-color:initial}.Header-module_thisDay__3QL7a:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.Header-module_activeDate__3aarC.Header-module_thisDay__3QL7a:after{border-bottom-color:#fff}.Header-module_activeDate__3aarC button{background-color:#66f;color:#fff}.Header-module_valueDate__3fY84 button{background-color:#00f}.Header-module_header__3xTSI{display:flex;flex-direction:row;align-items:stretch}.Header-module_button__1nR7o{position:relative;height:2rem}.Header-module_navButton__1uok4{width:2rem}.Header-module_label__1uuqH{flex-grow:1}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4QkFDRSxjQUFlLENBQ2YsaUJBQW9CLENBRXRCLDZCQUNFLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsd0JBQ29CLENBRXRCLG9DQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsWUFBYSxDQUNiLE9BQVEsQ0FDUixRQUFTLENBQ1QsbUNBQXFDLENBQ3JDLGtDQUFvQyxDQUNwQyw4QkFBZ0MsQ0FDaEMsWUFBYyxDQUNkLFVBQWEsQ0FFZixvRUFDRSx3QkFBNEIsQ0FFOUIsd0NBQ0UscUJBQXlCLENBQ3pCLFVBQWMsQ0FFaEIsdUNBQ0UscUJBQXdCLENBRTFCLDZCQUNFLFlBQWEsQ0FDYixrQkFBbUIsQ0FDbkIsbUJBQXNCLENBRXhCLDZCQUNFLGlCQUFrQixDQUNsQixXQUFjLENBRWhCLGdDQUNFLFVBQWEsQ0FFZiw0QkFDRSxXQUFjIiwiZmlsZSI6IkhlYWRlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53cmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiBhdXRvO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItbGVmdDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wOiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b206IDAuNXJlbSBzb2xpZCBibHVlO1xuICByaWdodDogMC4yNXJlbTtcbiAgY2xlYXI6IGJvdGg7IH1cblxuLmFjdGl2ZURhdGUudGhpc0RheTo6YWZ0ZXIge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB3aGl0ZTsgfVxuXG4uYWN0aXZlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNjY2NmZmO1xuICBjb2xvcjogd2hpdGU7IH1cblxuLnZhbHVlRGF0ZSBidXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOyB9XG5cbi5oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDsgfVxuXG4uYnV0dG9uIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDJyZW07IH1cblxuLm5hdkJ1dHRvbiB7XG4gIHdpZHRoOiAycmVtOyB9XG5cbi5sYWJlbCB7XG4gIGZsZXgtZ3JvdzogMTsgfVxuIl19 */";
var styles$3 = {"wrapper":"Header-module_wrapper__3dq9j","button":"Header-module_button__1nR7o","thisDay":"Header-module_thisDay__3QL7a","activeDate":"Header-module_activeDate__3aarC","valueDate":"Header-module_valueDate__3fY84","header":"Header-module_header__3xTSI","navButton":"Header-module_navButton__1uok4","label":"Header-module_label__1uuqH"};
styleInject(css_248z$3);
const conversions = {

@@ -256,7 +457,7 @@ day: Duration.fromObject({

}) {
if (!(activeDate === null || activeDate === void 0 ? void 0 : activeDate.isValid) || !view) return '';
if (view === 'day') return activeDate === null || activeDate === void 0 ? void 0 : activeDate.toFormat('MMMM yyyy');
if (view === 'month') return activeDate === null || activeDate === void 0 ? void 0 : activeDate.toFormat('yyyy');
if (!activeDate?.isValid || !view) return '';
if (view === 'day') return activeDate?.toFormat('MMMM yyyy');
if (view === 'month') return activeDate?.toFormat('yyyy');
if (view === 'year') {
const len = range === null || range === void 0 ? void 0 : range.length;
const len = range?.length;
if (!len) return '';

@@ -308,40 +509,16 @@ const first = range[0];

return React.createElement("div", {
className: styles.header,
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 57,
columnNumber: 5
}
className: styles$3.header
}, React.createElement(PreviousButton, {
className: classnames(styles.button, styles.navButton),
className: classnames(styles$3.button, styles$3.navButton),
ariaButtonLabel: previousButtonARIALabel,
onClick: prev,
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 58,
columnNumber: 7
}
onClick: prev
}), React.createElement(LabelButton, {
className: classnames(styles.button, styles.label),
className: classnames(styles$3.button, styles$3.label),
buttonLabel: label,
buttonARIALabel: labelButtonARIALabel,
onClick: onClick,
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 63,
columnNumber: 7
}
onClick: onClick
}), React.createElement(NextButton, {
className: classnames(styles.button, styles.navButton),
className: classnames(styles$3.button, styles$3.navButton),
ariaButtonLabel: nextButtonARIALabel,
onClick: next,
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 69,
columnNumber: 7
}
onClick: next
}));

@@ -358,3 +535,3 @@ }

current
} = buttonRef !== null && buttonRef !== void 0 ? buttonRef : {};
} = buttonRef ?? {};
if (current && +date === +activeDate) {

@@ -366,7 +543,2 @@ current.focus();

var css_248z$1 = ".DayButton-module_dayWrapper__M76XC,.DayButton-module_wrapper__3XQ0X{display:inline;position:relative}.DayButton-module_button__2wtT1,.DayButton-module_dayButton__417d2{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.DayButton-module_thisDay__yNlh9:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.DayButton-module_activeDate__1dMaf.DayButton-module_thisDay__yNlh9:after{border-bottom-color:#fff}.DayButton-module_activeDate__1dMaf button{background-color:#66f;color:#fff}.DayButton-module_valueDate__3u92f button{background-color:#00f}.DayButton-module_dayButton__417d2{width:2rem;height:2rem}.DayButton-module_thisDay__yNlh9:after{bottom:-.2rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRheUJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFDRSxjQUFlLENBQ2YsaUJBQW9CLENBRXRCLG1FQUNFLHdCQUF5QixDQUN6QixpQkFBa0IsQ0FDbEIsd0JBQTZCLENBQzdCLGlCQUFvQixDQUV0Qix1Q0FDRSxVQUFXLENBQ1gsaUJBQWtCLENBQ2xCLFlBQWEsQ0FDYixPQUFRLENBQ1IsUUFBUyxDQUNULG1DQUFxQyxDQUNyQyxrQ0FBb0MsQ0FDcEMsOEJBQWdDLENBQ2hDLFlBQWMsQ0FDZCxVQUFhLENBRWYsMEVBQ0Usd0JBQTRCLENBRTlCLDJDQUNFLHFCQUF5QixDQUN6QixVQUFjLENBRWhCLDBDQUNFLHFCQUF3QixDQUUxQixtQ0FDRSxVQUFXLENBQ1gsV0FBYyxDQUVoQix1Q0FDRSxhQUFpQiIsImZpbGUiOiJEYXlCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLmRheVdyYXBwZXIge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4uYnV0dG9uLCAuZGF5QnV0dG9uIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi50aGlzRGF5OjphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IGF1dG87XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1sZWZ0OiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3A6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbTogMC41cmVtIHNvbGlkIGJsdWU7XG4gIHJpZ2h0OiAwLjI1cmVtO1xuICBjbGVhcjogYm90aDsgfVxuXG4uYWN0aXZlRGF0ZS50aGlzRGF5OjphZnRlciB7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHdoaXRlOyB9XG5cbi5hY3RpdmVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM2NjY2ZmY7XG4gIGNvbG9yOiB3aGl0ZTsgfVxuXG4udmFsdWVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsdWU7IH1cblxuLmRheUJ1dHRvbiB7XG4gIHdpZHRoOiAycmVtO1xuICBoZWlnaHQ6IDJyZW07IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm90dG9tOiAtMC4ycmVtOyB9XG4iXX0= */";
var styles$1 = {"wrapper":"DayButton-module_wrapper__3XQ0X","dayWrapper":"DayButton-module_dayWrapper__M76XC","button":"DayButton-module_button__2wtT1","dayButton":"DayButton-module_dayButton__417d2","thisDay":"DayButton-module_thisDay__yNlh9","activeDate":"DayButton-module_activeDate__1dMaf","valueDate":"DayButton-module_valueDate__3u92f"};
styleInject(css_248z$1);
var _jsxFileName$1 = "/home/runner/work/date-selector/date-selector/src/picker/views/day/DayButtonWrapper.component.js";
function DayButtonWrapper({

@@ -403,14 +575,8 @@ date,

return React.createElement("div", {
className: classnames(styles$1.dayWrapper, {
[styles$1.activeDate]: +date === +activeDate,
[styles$1.thisDay]: +date === +today,
[styles$1.valueDate]: +(date === null || date === void 0 ? void 0 : date.ordinal) === +(value === null || value === void 0 ? void 0 : value.ordinal)
}),
__self: this,
__source: {
fileName: _jsxFileName$1,
lineNumber: 40,
columnNumber: 5
}
}, React.createElement(DayButton, Object.assign({
className: classnames(styles.dayWrapper, {
[styles.activeDate]: +date === +activeDate,
[styles.thisDay]: +date === +today,
[styles.valueDate]: +date?.ordinal === +value?.ordinal
})
}, React.createElement(DayButton, {
buttonRef,

@@ -421,10 +587,3 @@ date,

ariaButtonLabel
}, {
__self: this,
__source: {
fileName: _jsxFileName$1,
lineNumber: 47,
columnNumber: 7
}
})));
}));
}

@@ -458,3 +617,2 @@ DayButtonWrapper.propTypes = {

var _jsxFileName$2 = "/home/runner/work/date-selector/date-selector/src/picker/views/day/DayView.component.js";
function DayView() {

@@ -474,20 +632,7 @@ const {

});
return React.createElement(Fragment, {
__self: this,
__source: {
fileName: _jsxFileName$2,
lineNumber: 24,
columnNumber: 5
}
}, range === null || range === void 0 ? void 0 : range.map(date => React.createElement(DayButtonWrapper, Object.assign({
return React.createElement(Fragment, null, range?.map(date => React.createElement(DayButtonWrapper, _extends({
date,
handleOnClick
}, {
key: date.ordinal,
__self: this,
__source: {
fileName: _jsxFileName$2,
lineNumber: 26,
columnNumber: 9
}
key: date.ordinal
}))));

@@ -504,4 +649,4 @@ }

current
} = buttonRef !== null && buttonRef !== void 0 ? buttonRef : {};
if (current && (date === null || date === void 0 ? void 0 : date.month) === (activeDate === null || activeDate === void 0 ? void 0 : activeDate.month)) {
} = buttonRef ?? {};
if (current && date?.month === activeDate?.month) {
current.focus();

@@ -512,7 +657,2 @@ }

var css_248z$2 = ".MonthButton-module_monthWrapper__2F5k3,.MonthButton-module_wrapper__33o7z{display:inline;position:relative}.MonthButton-module_button__2bqgM,.MonthButton-module_monthButton__pz4e5{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.MonthButton-module_thisDay__tiLrV:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.MonthButton-module_activeDate__lck4_.MonthButton-module_thisDay__tiLrV:after{border-bottom-color:#fff}.MonthButton-module_activeDate__lck4_ button{background-color:#66f;color:#fff}.MonthButton-module_valueDate__2M9dB button{background-color:#00f}.MonthButton-module_monthButton__pz4e5{width:25%;height:3.5rem}.MonthButton-module_thisDay__tiLrV:after{bottom:-.9rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vbnRoQnV0dG9uLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJFQUNFLGNBQWUsQ0FDZixpQkFBb0IsQ0FFdEIseUVBQ0Usd0JBQXlCLENBQ3pCLGlCQUFrQixDQUNsQix3QkFBNkIsQ0FDN0IsaUJBQW9CLENBRXRCLHlDQUNFLFVBQVcsQ0FDWCxpQkFBa0IsQ0FDbEIsWUFBYSxDQUNiLE9BQVEsQ0FDUixRQUFTLENBQ1QsbUNBQXFDLENBQ3JDLGtDQUFvQyxDQUNwQyw4QkFBZ0MsQ0FDaEMsWUFBYyxDQUNkLFVBQWEsQ0FFZiw4RUFDRSx3QkFBNEIsQ0FFOUIsNkNBQ0UscUJBQXlCLENBQ3pCLFVBQWMsQ0FFaEIsNENBQ0UscUJBQXdCLENBRTFCLHVDQUNFLFNBQVUsQ0FDVixhQUFnQixDQUVsQix5Q0FDRSxhQUFpQiIsImZpbGUiOiJNb250aEJ1dHRvbi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53cmFwcGVyLCAubW9udGhXcmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiwgLm1vbnRoQnV0dG9uIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi50aGlzRGF5OjphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IGF1dG87XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1sZWZ0OiAwLjVyZW0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3A6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbTogMC41cmVtIHNvbGlkIGJsdWU7XG4gIHJpZ2h0OiAwLjI1cmVtO1xuICBjbGVhcjogYm90aDsgfVxuXG4uYWN0aXZlRGF0ZS50aGlzRGF5OjphZnRlciB7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHdoaXRlOyB9XG5cbi5hY3RpdmVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM2NjY2ZmY7XG4gIGNvbG9yOiB3aGl0ZTsgfVxuXG4udmFsdWVEYXRlIGJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsdWU7IH1cblxuLm1vbnRoQnV0dG9uIHtcbiAgd2lkdGg6IDI1JTtcbiAgaGVpZ2h0OiAzLjVyZW07IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm90dG9tOiAtMC45cmVtOyB9XG4iXX0= */";
var styles$2 = {"wrapper":"MonthButton-module_wrapper__33o7z","monthWrapper":"MonthButton-module_monthWrapper__2F5k3","button":"MonthButton-module_button__2bqgM","monthButton":"MonthButton-module_monthButton__pz4e5","thisDay":"MonthButton-module_thisDay__tiLrV","activeDate":"MonthButton-module_activeDate__lck4_","valueDate":"MonthButton-module_valueDate__2M9dB"};
styleInject(css_248z$2);
var _jsxFileName$3 = "/home/runner/work/date-selector/date-selector/src/picker/views/month/MonthButtonWrapper.component.js";
function MonthButtonWrapper({

@@ -542,13 +682,7 @@ date,

return React.createElement("div", {
className: classnames(styles$2.monthWrapper, {
[styles$2.activeDate]: +(date === null || date === void 0 ? void 0 : date.month) === +(activeDate === null || activeDate === void 0 ? void 0 : activeDate.month),
[styles$2.thisDay]: +(date === null || date === void 0 ? void 0 : date.month) === +(today === null || today === void 0 ? void 0 : today.month)
}),
__self: this,
__source: {
fileName: _jsxFileName$3,
lineNumber: 28,
columnNumber: 5
}
}, React.createElement(MonthButton, Object.assign({
className: classnames(styles$1.monthWrapper, {
[styles$1.activeDate]: +date?.month === +activeDate?.month,
[styles$1.thisDay]: +date?.month === +today?.month
})
}, React.createElement(MonthButton, {
buttonRef,

@@ -558,10 +692,3 @@ ariaButtonLabel,

onClick
}, {
__self: this,
__source: {
fileName: _jsxFileName$3,
lineNumber: 34,
columnNumber: 7
}
})));
}));
}

@@ -594,3 +721,2 @@ MonthButtonWrapper.propTypes = {

var _jsxFileName$4 = "/home/runner/work/date-selector/date-selector/src/picker/views/month/MonthView.component.js";
function MonthView() {

@@ -610,20 +736,7 @@ const {

});
return React.createElement(Fragment, {
__self: this,
__source: {
fileName: _jsxFileName$4,
lineNumber: 24,
columnNumber: 5
}
}, range === null || range === void 0 ? void 0 : range.map(date => React.createElement(MonthButtonWrapper, Object.assign({
return React.createElement(Fragment, null, range?.map(date => React.createElement(MonthButtonWrapper, _extends({
date,
handleOnClick
}, {
key: date.month,
__self: this,
__source: {
fileName: _jsxFileName$4,
lineNumber: 26,
columnNumber: 9
}
key: date.month
}))));

@@ -640,4 +753,4 @@ }

current
} = buttonRef !== null && buttonRef !== void 0 ? buttonRef : {};
if (current && (date === null || date === void 0 ? void 0 : date.year) === (activeDate === null || activeDate === void 0 ? void 0 : activeDate.year)) {
} = buttonRef ?? {};
if (current && date?.year === activeDate?.year) {
current.focus();

@@ -648,7 +761,2 @@ }

var css_248z$3 = ".YearButton-module_wrapper__1wZxO,.YearButton-module_yearWrapper__QTX-d{display:inline;position:relative}.YearButton-module_button__3yaLP,.YearButton-module_yearButton__3LCb6{border-color:transparent;border-radius:3px;background-color:initial;position:relative}.YearButton-module_thisDay__3PSWa:after{content:\"\";position:absolute;z-index:auto;width:0;height:0;border-left:.5rem solid transparent;border-top:.5rem solid transparent;border-bottom:.5rem solid #00f;right:.25rem;clear:both}.YearButton-module_activeDate__2tXOu.YearButton-module_thisDay__3PSWa:after{border-bottom-color:#fff}.YearButton-module_activeDate__2tXOu button{background-color:#66f;color:#fff}.YearButton-module_valueDate__3Tvkt button{background-color:#00f}.YearButton-module_thisDay__3PSWa:after{bottom:-.9rem}.YearButton-module_yearButton__3LCb6{width:20%;height:3.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlllYXJCdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsd0VBQ0UsY0FBZSxDQUNmLGlCQUFvQixDQUV0QixzRUFDRSx3QkFBeUIsQ0FDekIsaUJBQWtCLENBQ2xCLHdCQUE2QixDQUM3QixpQkFBb0IsQ0FFdEIsd0NBQ0UsVUFBVyxDQUNYLGlCQUFrQixDQUNsQixZQUFhLENBQ2IsT0FBUSxDQUNSLFFBQVMsQ0FDVCxtQ0FBcUMsQ0FDckMsa0NBQW9DLENBQ3BDLDhCQUFnQyxDQUNoQyxZQUFjLENBQ2QsVUFBYSxDQUVmLDRFQUNFLHdCQUE0QixDQUU5Qiw0Q0FDRSxxQkFBeUIsQ0FDekIsVUFBYyxDQUVoQiwyQ0FDRSxxQkFBd0IsQ0FFMUIsd0NBQ0UsYUFBaUIsQ0FFbkIscUNBQ0UsU0FBVSxDQUNWLGFBQWdCIiwiZmlsZSI6IlllYXJCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud3JhcHBlciwgLnllYXJXcmFwcGVyIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmJ1dHRvbiwgLnllYXJCdXR0b24ge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLnRoaXNEYXk6OmFmdGVyIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogYXV0bztcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLWxlZnQ6IDAuNXJlbSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcDogMC41cmVtIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tOiAwLjVyZW0gc29saWQgYmx1ZTtcbiAgcmlnaHQ6IDAuMjVyZW07XG4gIGNsZWFyOiBib3RoOyB9XG5cbi5hY3RpdmVEYXRlLnRoaXNEYXk6OmFmdGVyIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogd2hpdGU7IH1cblxuLmFjdGl2ZURhdGUgYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzY2NjZmZjtcbiAgY29sb3I6IHdoaXRlOyB9XG5cbi52YWx1ZURhdGUgYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsgfVxuXG4udGhpc0RheTo6YWZ0ZXIge1xuICBib3R0b206IC0wLjlyZW07IH1cblxuLnllYXJCdXR0b24ge1xuICB3aWR0aDogMjAlO1xuICBoZWlnaHQ6IDMuNXJlbTsgfVxuIl19 */";
var styles$3 = {"wrapper":"YearButton-module_wrapper__1wZxO","yearWrapper":"YearButton-module_yearWrapper__QTX-d","button":"YearButton-module_button__3yaLP","yearButton":"YearButton-module_yearButton__3LCb6","thisDay":"YearButton-module_thisDay__3PSWa","activeDate":"YearButton-module_activeDate__2tXOu","valueDate":"YearButton-module_valueDate__3Tvkt"};
styleInject(css_248z$3);
var _jsxFileName$5 = "/home/runner/work/date-selector/date-selector/src/picker/views/year/YearButtonWrapper.component.js";
function YearButtonWrapper({

@@ -678,13 +786,7 @@ date,

return React.createElement("div", {
className: classnames(styles$3.yearWrapper, {
[styles$3.activeDate]: +(date === null || date === void 0 ? void 0 : date.year) === +(activeDate === null || activeDate === void 0 ? void 0 : activeDate.year),
[styles$3.thisDay]: +(date === null || date === void 0 ? void 0 : date.year) === +(today === null || today === void 0 ? void 0 : today.year)
}),
__self: this,
__source: {
fileName: _jsxFileName$5,
lineNumber: 28,
columnNumber: 5
}
}, React.createElement(YearButton, Object.assign({
className: classnames(styles$2.yearWrapper, {
[styles$2.activeDate]: +date?.year === +activeDate?.year,
[styles$2.thisDay]: +date?.year === +today?.year
})
}, React.createElement(YearButton, {
buttonRef,

@@ -694,10 +796,3 @@ ariaButtonLabel,

onClick
}, {
__self: this,
__source: {
fileName: _jsxFileName$5,
lineNumber: 34,
columnNumber: 7
}
})));
}));
}

@@ -728,3 +823,2 @@ YearButtonWrapper.propTypes = {

var _jsxFileName$6 = "/home/runner/work/date-selector/date-selector/src/picker/views/year/YearView.component.js";
function YearView() {

@@ -744,24 +838,10 @@ const {

});
return React.createElement(Fragment, {
__self: this,
__source: {
fileName: _jsxFileName$6,
lineNumber: 24,
columnNumber: 5
}
}, range === null || range === void 0 ? void 0 : range.map(date => React.createElement(YearButtonWrapper, Object.assign({
return React.createElement(Fragment, null, range?.map(date => React.createElement(YearButtonWrapper, _extends({
date,
handleOnClick
}, {
key: date.year,
__self: this,
__source: {
fileName: _jsxFileName$6,
lineNumber: 26,
columnNumber: 9
}
key: date.year
}))));
}
var _jsxFileName$7 = "/home/runner/work/date-selector/date-selector/src/picker/views/Views.component.js";
function Views() {

@@ -774,30 +854,9 @@ const {

if (view === 'day') {
return React.createElement(DayView, {
__self: this,
__source: {
fileName: _jsxFileName$7,
lineNumber: 14,
columnNumber: 12
}
});
return React.createElement(DayView, null);
}
if (view === 'month') {
return React.createElement(MonthView, {
__self: this,
__source: {
fileName: _jsxFileName$7,
lineNumber: 17,
columnNumber: 12
}
});
return React.createElement(MonthView, null);
}
if (view === 'year') {
return React.createElement(YearView, {
__self: this,
__source: {
fileName: _jsxFileName$7,
lineNumber: 20,
columnNumber: 12
}
});
return React.createElement(YearView, null);
}

@@ -826,7 +885,6 @@ return null;

var css_248z$4 = ".Container-module_container__38m86{display:inline-block;background-color:#fff;color:#000;border:1px solid #000;border-radius:5px;padding:.3rem;width:14rem}.Container-module_days__25Tmt{width:14rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQ0FDRSxvQkFBcUIsQ0FDckIscUJBQXVCLENBQ3ZCLFVBQVksQ0FDWixxQkFBdUIsQ0FDdkIsaUJBQWtCLENBQ2xCLGFBQWUsQ0FDZixXQUFjLENBRWhCLDhCQUNFLFdBQWMiLCJmaWxlIjoiQ29udGFpbmVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiBibGFjaztcbiAgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgcGFkZGluZzogMC4zcmVtO1xuICB3aWR0aDogMTRyZW07IH1cblxuLmRheXMge1xuICB3aWR0aDogMTRyZW07IH1cbiJdfQ== */";
var styles$4 = {"container":"Container-module_container__38m86","days":"Container-module_days__25Tmt"};
var css_248z$4 = ".Container-module_container__38m86{display:inline-block;background-color:#fff;color:#000;border:1px solid #000;border-radius:5px;padding:.3rem;width:14rem;min-height:12rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQ0FDRSxvQkFBcUIsQ0FDckIscUJBQXVCLENBQ3ZCLFVBQVksQ0FDWixxQkFBdUIsQ0FDdkIsaUJBQWtCLENBQ2xCLGFBQWUsQ0FDZixXQUFZLENBQ1osZ0JBQW1CIiwiZmlsZSI6IkNvbnRhaW5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jb250YWluZXIge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogYmxhY2s7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIHBhZGRpbmc6IDAuM3JlbTtcbiAgd2lkdGg6IDE0cmVtO1xuICBtaW4taGVpZ2h0OiAxMnJlbTsgfVxuIl19 */";
var styles$4 = {"container":"Container-module_container__38m86"};
styleInject(css_248z$4);
var _jsxFileName$8 = "/home/runner/work/date-selector/date-selector/src/picker/container/Container.component.js";
function Container() {

@@ -848,251 +906,6 @@ const {

return React.createElement("div", {
className: classnames(styles$4.container, {
[styles$4.days]: view === 'day'
}),
__self: this,
__source: {
fileName: _jsxFileName$8,
lineNumber: 22,
columnNumber: 5
}
}, React.createElement(Header, {
__self: this,
__source: {
fileName: _jsxFileName$8,
lineNumber: 27,
columnNumber: 7
}
}), React.createElement(Views, {
__self: this,
__source: {
fileName: _jsxFileName$8,
lineNumber: 28,
columnNumber: 7
}
}));
className: styles$4.container
}, React.createElement(Header, null), React.createElement(Views, null));
}
var _jsxFileName$9 = "/home/runner/work/date-selector/date-selector/src/picker/header/LabelButton.component.js";
function LabelButton({
buttonLabel: label,
buttonARIALabel,
onClick,
className
}) {
return React.createElement("button", {
"aria-label": buttonARIALabel,
className: className,
onClick: onClick,
__self: this,
__source: {
fileName: _jsxFileName$9,
lineNumber: 10,
columnNumber: 5
}
}, label);
}
var _jsxFileName$a = "/home/runner/work/date-selector/date-selector/src/picker/header/PreviousButton.component.js";
function PreviousButton({
ariaButtonLabel,
onClick,
className
}) {
return React.createElement("button", {
"aria-label": ariaButtonLabel,
className: className,
onClick: onClick,
__self: this,
__source: {
fileName: _jsxFileName$a,
lineNumber: 9,
columnNumber: 5
}
}, '<');
}
var _jsxFileName$b = "/home/runner/work/date-selector/date-selector/src/picker/header/NextButton.component.js";
function NextButton({
ariaButtonLabel,
onClick,
className
}) {
return React.createElement("button", {
"aria-label": ariaButtonLabel,
className: className,
onClick: onClick,
__self: this,
__source: {
fileName: _jsxFileName$b,
lineNumber: 5,
columnNumber: 5
}
}, '>');
}
var _jsxFileName$c = "/home/runner/work/date-selector/date-selector/src/picker/views/day/DayButton.component.js";
function DayButton({
buttonRef,
date,
disabled,
onClick,
ariaButtonLabel
}) {
return React.createElement("button", {
ref: buttonRef,
"aria-label": ariaButtonLabel,
className: styles$1.dayButton,
disabled: disabled,
onClick: onClick,
__self: this,
__source: {
fileName: _jsxFileName$c,
lineNumber: 15,
columnNumber: 5
}
}, date.toFormat('dd'));
}
DayButton.propTypes = {
buttonRef: PropTypes.any,
date: PropTypes.instanceOf(DateTime),
disabled: PropTypes.bool,
onClick: PropTypes.func,
ariaButtonLabel: PropTypes.string
};
var _jsxFileName$d = "/home/runner/work/date-selector/date-selector/src/picker/views/month/MonthButton.component.js";
function MonthButton({
buttonRef,
ariaButtonLabel,
date,
onClick
}) {
return React.createElement("button", {
ref: buttonRef,
"aria-label": ariaButtonLabel,
className: styles$2.monthButton,
onClick: onClick,
__self: this,
__source: {
fileName: _jsxFileName$d,
lineNumber: 14,
columnNumber: 5
}
}, date.toFormat('MMM'));
}
MonthButton.propTypes = {
buttonRef: PropTypes.any,
ariaButtonLabel: PropTypes.string,
date: PropTypes.instanceOf(DateTime),
onClick: PropTypes.func
};
var _jsxFileName$e = "/home/runner/work/date-selector/date-selector/src/picker/views/year/YearButton.component.js";
function YearButton({
buttonRef,
ariaButtonLabel,
date,
onClick
}) {
return React.createElement("button", {
ref: buttonRef,
"aria-label": ariaButtonLabel,
className: styles$3.yearButton,
onClick: onClick,
__self: this,
__source: {
fileName: _jsxFileName$e,
lineNumber: 14,
columnNumber: 5
}
}, date.toFormat('yyyy'));
}
YearButton.propTypes = {
buttonRef: PropTypes.any,
ariaButtonLabel: PropTypes.string,
date: PropTypes.instanceOf(DateTime),
onClick: PropTypes.func
};
const defaultComponents = {
labelButton: LabelButton,
previousButton: PreviousButton,
nextButton: NextButton,
dayButton: DayButton,
monthButton: MonthButton,
yearButton: YearButton
};
function mixComponents({
components = {}
}) {
return { ...defaultComponents,
...components
};
}
var _jsxFileName$f = "/home/runner/work/date-selector/date-selector/src/context/DateSelector.context.js";
const DateSelectorContext = createContext();
function DateSelectorProvider({
defaultDate,
value,
minDate,
maxDate,
defaultView,
messages,
components,
onChange,
isDateDisabled,
...props
}) {
const [today] = useState((defaultDate === null || defaultDate === void 0 ? void 0 : defaultDate.startOf('day')) || DateTime.local().startOf('day'));
const [activeDate, setActiveDate] = useState((value === null || value === void 0 ? void 0 : value.startOf('day')) || today);
const [showCal, setShowCal] = useState(false);
const [view, setView] = useState(defaultView);
const [range, setRange] = useState();
const values = useMemo(() => ({
today,
value,
activeDate,
setActiveDate,
showCal,
setShowCal,
view,
setView,
range,
setRange,
minDate,
maxDate,
messages: mixMessages({
messages
}),
components: mixComponents({
components
}),
onChange,
isDateDisabled
}), [today, value, activeDate, setActiveDate, showCal, setShowCal, view, setView, range, setRange, minDate, maxDate, messages, components, onChange, isDateDisabled]);
return React.createElement(DateSelectorContext.Provider, Object.assign({
value: values
}, props, {
__self: this,
__source: {
fileName: _jsxFileName$f,
lineNumber: 70,
columnNumber: 10
}
}));
}
DateSelectorProvider.propTypes = {
defaultDate: PropTypes.instanceOf(DateTime),
value: PropTypes.instanceOf(DateTime),
minDate: PropTypes.instanceOf(DateTime),
maxDate: PropTypes.instanceOf(DateTime),
defaultView: PropTypes.oneOf(['day', 'month', 'year']),
messages: PropTypes.object,
onChange: PropTypes.func,
isDateDisabled: PropTypes.func
};
const useDateSelector = () => useContext(DateSelectorContext);
var _jsxFileName$g = "/home/runner/work/date-selector/date-selector/src/DateSelector.component.js";
const DateSelector = ({

@@ -1109,3 +922,3 @@ defaultDate = DateTime.local().startOf('day'),

} = {}) => {
return React.createElement(DateSelectorProvider, Object.assign({
return React.createElement(DateSelectorProvider, {
defaultDate,

@@ -1120,17 +933,3 @@ value,

isDateDisabled
}, {
__self: this,
__source: {
fileName: _jsxFileName$g,
lineNumber: 20,
columnNumber: 5
}
}), React.createElement(Container, {
__self: this,
__source: {
fileName: _jsxFileName$g,
lineNumber: 33,
columnNumber: 7
}
}));
}, React.createElement(Container, null));
};

@@ -1150,3 +949,3 @@ DateSelector.propTypes = {

var name = "@cxing/date-selector";
var version = "0.0.20";
var version = "0.0.21";

@@ -1153,0 +952,0 @@ DateSelector.version = version;

{
"name": "@cxing/date-selector",
"version": "0.0.20",
"version": "0.0.21",
"description": "A React date selector control using Luxon",
"main": "dist/date-selector.js",
"module": "dist/date-selector.es.js",

@@ -52,3 +51,2 @@ "scripts": {

"babel-loader": "^8.1.0",
"babel-preset-react-app": "9.1.2",
"cross-env": "7.0.2",

@@ -185,4 +183,4 @@ "eslint": "6.8.0",

"presets": [
"@babel/preset-env",
"react-app"
"@babel/env",
"@babel/preset-react"
],

@@ -196,3 +194,3 @@ "ignore": [

[
"@babel/preset-env",
"@babel/env",
{

@@ -205,3 +203,3 @@ "modules": "commonjs",

],
"react-app"
"preset-react"
]

@@ -208,0 +206,0 @@ }

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc