@secondstaxorg/sscomp 1.8.27 → 1.8.29

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.
Files changed (7) hide show
  1. package/dist/index.es.js +20 -2
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +109 -47
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.js +20 -2
  6. package/dist/index.min.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -578,6 +578,22 @@ const PaginationContainer = styled.div`
578
578
  display: flex;
579
579
  gap: 8px;
580
580
  justify-content: end;
581
+ align-items: center;
582
+ input.jump-to{
583
+ width: 40px;
584
+ padding: 8px;
585
+ border: 1px solid ${theme.colors["neutral-400"]};
586
+ border-radius: 4px;
587
+ }
588
+ input.jump-to:focus-visible {
589
+ outline: none;
590
+ }
591
+ input.success{
592
+ border-color: ${theme.colors["success-500"]};
593
+ }
594
+ input.error{
595
+ border-color: ${theme.colors["error-500"]};
596
+ }
581
597
  `;
582
598
 
583
599
  const _jsxFileName$19 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Pagination\\index.tsx";
@@ -588,6 +604,8 @@ const _jsxFileName$19 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compo
588
604
  const Pagination = (props) => {
589
605
  const {itemsPerPage,returnedPageNum,items,paginatedItems} = props;
590
606
  const [pageNum,setPageNum] = React$1.useState(1);
607
+ const [startFrom,setStartFrom] = React$1.useState(1);
608
+ const [validation,setValidation] = React$1.useState('');
591
609
 
592
610
  const pageNumbers = [];
593
611
 
@@ -616,43 +634,64 @@ const Pagination = (props) => {
616
634
  return (
617
635
  React$1.createElement(React$1.Fragment, null
618
636
  , pageNumbers.length > 1 &&
619
- React$1.createElement(PaginationContainer, {__self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 39}}
637
+ React$1.createElement(PaginationContainer, {__self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 41}}
620
638
  , React$1.createElement(NumberButton, { onClick: ()=>{
621
639
  setPageNum(pageNum - 1);
640
+ if (startFrom > 1) setStartFrom(startFrom - 1);
622
641
  if (returnedPageNum) returnedPageNum(pageNum - 1);
623
- }, disabled: pageNum === 1, __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 40}}
642
+ }, disabled: pageNum === 1, __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 42}}
624
643
  , pageNum === 1 &&
625
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 45}}
626
- , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 46}})
644
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 48}}
645
+ , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 49}})
627
646
  )
628
647
 
629
648
  , pageNum > 1 &&
630
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 50}}
631
- , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 51}})
649
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 53}}
650
+ , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 54}})
632
651
  )
633
652
 
634
653
  )
635
- , pageNumbers.map((number) => (
636
- React$1.createElement(NumberButton, { className: `${number === pageNum ? 'active' : ''} somebutton`, key: number, onClick: ()=>{
637
- if (returnedPageNum) returnedPageNum(number);
638
- setPageNum(number);
639
- }, __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 56}}, number)
640
- ))
654
+ , pageNumbers.map((number) => {
655
+ if (number >= startFrom && number <= startFrom + 10) return (
656
+ React$1.createElement(NumberButton, { className: `${number === pageNum ? 'active' : ''}`, key: number,
657
+ onClick: () => {
658
+ if (returnedPageNum) returnedPageNum(number);
659
+ setPageNum(number);
660
+ }, __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 60}}, number)
661
+ )
662
+ })
641
663
  , React$1.createElement(NumberButton, { onClick: ()=>{
642
664
  setPageNum(pageNum + 1);
665
+ if (startFrom + 10 < pageNumbers.length) setStartFrom(startFrom + 1);
643
666
  if (returnedPageNum) returnedPageNum(pageNum + 1);
644
- }, disabled: pageNum === pageNumbers.length, __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 61}}
667
+ }, disabled: pageNum === pageNumbers.length, __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 67}}
645
668
  , pageNum !== pageNumbers.length &&
646
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 66}}
647
- , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 67}})
669
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 73}}
670
+ , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 74}})
648
671
  )
649
672
 
650
673
  , pageNum === pageNumbers.length &&
651
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 71}}
652
- , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 72}})
674
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 78}}
675
+ , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 79}})
653
676
  )
654
677
 
655
678
  )
679
+ , pageNumbers.length > 10 && React$1.createElement(React$1.Fragment, null, React$1.createElement('input', { type: "text", className: `jump-to ${validation}`, placeholder: "Go to" , onChange: (e)=>{
680
+ if (!e.target.value) {
681
+ setValidation('');
682
+ return
683
+ }
684
+ if (isNaN(Number(e.target.value)) || e.target.value == '0' || Number(e.target.value) == 0 || Number(e.target.value) > pageNumbers.length){
685
+ setPageNum(1);
686
+ setValidation('error');
687
+ return
688
+ }
689
+ setPageNum(Number(e.target.value));
690
+ if (Number(e.target.value) > 10) setStartFrom(Number(e.target.value) - 10);
691
+ if (Number(e.target.value) < 10) setStartFrom(Number(e.target.value));
692
+ setValidation('success');
693
+ }, __self: undefined, __source: {fileName: _jsxFileName$19, lineNumber: 83}}), " of " , pageNumbers.length)
694
+
656
695
  )
657
696
 
658
697
  )
@@ -17217,6 +17256,7 @@ const CalendarContainer$1 = styled.div`
17217
17256
  .previous-month-day,.next-month-day,.past-day,.future-day,.min-year,.max-year,.disabled-month,.disabled-year{
17218
17257
  color: ${theme.colors["neutral-200"]};
17219
17258
  cursor: default;
17259
+ background: none;
17220
17260
  &:hover{
17221
17261
  background: none;
17222
17262
  }
@@ -17229,6 +17269,7 @@ const CalendarContainer$1 = styled.div`
17229
17269
  .selected-day,.selected-day:hover,.selected-year,.selected-year:hover{
17230
17270
  background: ${theme.colors["neutral-900"]} !important;
17231
17271
  color: #ffffff;
17272
+ border-radius: 30px;
17232
17273
  }
17233
17274
  .current-day{
17234
17275
  font-weight: bold;
@@ -17661,6 +17702,25 @@ const Calendar = ({onChange,selected,disablePastDaysProp,disableFutureDaysProp,n
17661
17702
  }
17662
17703
  }
17663
17704
 
17705
+ function disableInvalidFutureYears(year){
17706
+ const valFtrYr = new Date().getFullYear() + numInvalidFutureYearsProp; //valid future year
17707
+
17708
+ if (year <= valFtrYr){
17709
+ return 'disabled-year'
17710
+ }else {
17711
+ return ''
17712
+ }
17713
+ }
17714
+
17715
+ function disableInvalidPastYears(year){
17716
+ const valFtrYr = new Date().getFullYear() - numInvalidPastYearsProp; //valid future year
17717
+ if (year >= valFtrYr){
17718
+ return 'disabled-year'
17719
+ }else {
17720
+ return ''
17721
+ }
17722
+ }
17723
+
17664
17724
 
17665
17725
  for (let year = currentYear - 10; year <= currentYear + 10; year++) {
17666
17726
  const selectedClass = year === currentDate.getFullYear() ? ' selected-year' : '';
@@ -17668,100 +17728,102 @@ const Calendar = ({onChange,selected,disablePastDaysProp,disableFutureDaysProp,n
17668
17728
  React$1.createElement('div', { key: year, onClick: () => {
17669
17729
  if (disablePastYear(year) == 'disabled-year') return
17670
17730
  if (disableFutureYear(year) == 'disabled-year') return
17731
+ if (disableInvalidPastYears(year) == 'disabled-year') return
17732
+ if (disableInvalidFutureYears(year) == 'disabled-year') return
17671
17733
  handleSelectYear(year);
17672
- }, className: `paragraph1Regular ${disablePastYear(year) || disableFutureYear(year) || 'year-option'}${selectedClass}`, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 406}}
17734
+ }, className: `paragraph1Regular ${disablePastYear(year) || disableFutureYear(year) || disableInvalidFutureYears(year) ||disableInvalidPastYears(year) || 'year-option'}${selectedClass}`, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 425}}
17673
17735
  , year
17674
17736
  )
17675
17737
  );
17676
17738
  }
17677
17739
 
17678
17740
  return (
17679
- React$1.createElement('div', { className: "year-picker", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 417}}
17680
- , React$1.createElement('div', { className: "year-options", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 418}}, years)
17741
+ React$1.createElement('div', { className: "year-picker", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 438}}
17742
+ , React$1.createElement('div', { className: "year-options", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 439}}, years)
17681
17743
  )
17682
17744
  )
17683
17745
  };
17684
17746
 
17685
17747
  return (
17686
- React$1.createElement(CalendarContainer$1, { className: "calendar-flyout", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 424}}
17687
- , React$1.createElement('div', { className: "header", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 425}}
17748
+ React$1.createElement(CalendarContainer$1, { className: "calendar-flyout", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 445}}
17749
+ , React$1.createElement('div', { className: "header", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 446}}
17688
17750
  , !calendarView && !monthPickerView &&
17689
- React$1.createElement('button', { type: "button", onClick: handlePreviousYear, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 427}}
17751
+ React$1.createElement('button', { type: "button", onClick: handlePreviousYear, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 448}}
17690
17752
  /*circle arrow left*/
17691
- , React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 429}}
17753
+ , React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 450}}
17692
17754
  , React$1.createElement('path', {
17693
17755
  d: "M6.29 9.29C6.19896 9.3851 6.12759 9.49725 6.08 9.62C5.97998 9.86346 5.97998 10.1365 6.08 10.38C6.12759 10.5028 6.19896 10.6149 6.29 10.71L9.29 13.71C9.4783 13.8983 9.7337 14.0041 10 14.0041C10.2663 14.0041 10.5217 13.8983 10.71 13.71C10.8983 13.5217 11.0041 13.2663 11.0041 13C11.0041 12.7337 10.8983 12.4783 10.71 12.29L9.41 11H13C13.2652 11 13.5196 10.8946 13.7071 10.7071C13.8946 10.5196 14 10.2652 14 10C14 9.73478 13.8946 9.48043 13.7071 9.29289C13.5196 9.10536 13.2652 9 13 9H9.41L10.71 7.71C10.8037 7.61704 10.8781 7.50644 10.9289 7.38458C10.9797 7.26272 11.0058 7.13201 11.0058 7C11.0058 6.86799 10.9797 6.73728 10.9289 6.61542C10.8781 6.49356 10.8037 6.38296 10.71 6.29C10.617 6.19627 10.5064 6.12188 10.3846 6.07111C10.2627 6.02034 10.132 5.9942 10 5.9942C9.86799 5.9942 9.73728 6.02034 9.61542 6.07111C9.49356 6.12188 9.38296 6.19627 9.29 6.29L6.29 9.29ZM0 10C0 11.9778 0.58649 13.9112 1.6853 15.5557C2.78412 17.2002 4.3459 18.4819 6.17317 19.2388C8.00043 19.9957 10.0111 20.1937 11.9509 19.8079C13.8907 19.422 15.6725 18.4696 17.0711 17.0711C18.4696 15.6725 19.422 13.8907 19.8079 11.9509C20.1937 10.0111 19.9957 8.00043 19.2388 6.17317C18.4819 4.3459 17.2002 2.78412 15.5557 1.6853C13.9112 0.58649 11.9778 0 10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10ZM18 10C18 11.5823 17.5308 13.129 16.6518 14.4446C15.7727 15.7602 14.5233 16.7855 13.0615 17.391C11.5997 17.9965 9.99113 18.155 8.43928 17.8463C6.88743 17.5376 5.46197 16.7757 4.34315 15.6569C3.22433 14.538 2.4624 13.1126 2.15372 11.5607C1.84504 10.0089 2.00346 8.40034 2.60896 6.93853C3.21447 5.47672 4.23984 4.22729 5.55544 3.34824C6.87103 2.46919 8.41775 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10Z" ,
17694
- fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 430}})
17756
+ fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 451}})
17695
17757
  )
17696
17758
  )
17697
17759
 
17698
17760
  , calendarView &&
17699
- React$1.createElement('button', { type: "button", onClick: handlePreviousMonth, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 437}}
17761
+ React$1.createElement('button', { type: "button", onClick: handlePreviousMonth, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 458}}
17700
17762
  /*left angle*/
17701
- , React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 439}}
17763
+ , React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 460}}
17702
17764
  , React$1.createElement('path', {
17703
17765
  d: "M3.28982 5.99995L6.82982 2.45995C7.01607 2.27259 7.12061 2.01913 7.12061 1.75495C7.12061 1.49076 7.01607 1.23731 6.82982 1.04995C6.73686 0.95622 6.62626 0.881826 6.5044 0.831057C6.38254 0.780288 6.25183 0.75415 6.11982 0.75415C5.98781 0.75415 5.8571 0.780288 5.73524 0.831057C5.61339 0.881826 5.50278 0.95622 5.40982 1.04995L1.16982 5.28995C1.07609 5.38291 1.0017 5.49351 0.950931 5.61537C0.900162 5.73723 0.874023 5.86794 0.874023 5.99995C0.874023 6.13196 0.900162 6.26267 0.950931 6.38453C1.0017 6.50638 1.07609 6.61699 1.16982 6.70995L5.40982 10.9999C5.50326 11.0926 5.61408 11.166 5.73592 11.2157C5.85775 11.2655 5.98821 11.2907 6.11982 11.2899C6.25143 11.2907 6.38189 11.2655 6.50373 11.2157C6.62557 11.166 6.73638 11.0926 6.82982 10.9999C7.01607 10.8126 7.12061 10.5591 7.12061 10.2949C7.12061 10.0308 7.01607 9.77731 6.82982 9.58995L3.28982 5.99995Z" ,
17704
- fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 440}})
17766
+ fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 461}})
17705
17767
  )
17706
17768
  )
17707
17769
 
17708
- , React$1.createElement('div', { className: "month-year-area", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 446}}
17770
+ , React$1.createElement('div', { className: "month-year-area", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 467}}
17709
17771
  , monthPickerView &&
17710
- React$1.createElement('button', { type: "button", className: "month-cls-btn", onClick: toggleMonthPicker, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 448}}
17772
+ React$1.createElement('button', { type: "button", className: "month-cls-btn", onClick: toggleMonthPicker, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 469}}
17711
17773
  /*times-icon*/
17712
- , React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 450}}
17713
- , React$1.createElement('path', { d: "M13.4099 11.9999L17.7099 7.70994C17.8982 7.52164 18.004 7.26624 18.004 6.99994C18.004 6.73364 17.8982 6.47825 17.7099 6.28994C17.5216 6.10164 17.2662 5.99585 16.9999 5.99585C16.7336 5.99585 16.4782 6.10164 16.2899 6.28994L11.9999 10.5899L7.70994 6.28994C7.52164 6.10164 7.26624 5.99585 6.99994 5.99585C6.73364 5.99585 6.47824 6.10164 6.28994 6.28994C6.10164 6.47825 5.99585 6.73364 5.99585 6.99994C5.99585 7.26624 6.10164 7.52164 6.28994 7.70994L10.5899 11.9999L6.28994 16.2899C6.19621 16.3829 6.12182 16.4935 6.07105 16.6154C6.02028 16.7372 5.99414 16.8679 5.99414 16.9999C5.99414 17.132 6.02028 17.2627 6.07105 17.3845C6.12182 17.5064 6.19621 17.617 6.28994 17.7099C6.3829 17.8037 6.4935 17.8781 6.61536 17.9288C6.73722 17.9796 6.86793 18.0057 6.99994 18.0057C7.13195 18.0057 7.26266 17.9796 7.38452 17.9288C7.50638 17.8781 7.61698 17.8037 7.70994 17.7099L11.9999 13.4099L16.2899 17.7099C16.3829 17.8037 16.4935 17.8781 16.6154 17.9288C16.7372 17.9796 16.8679 18.0057 16.9999 18.0057C17.132 18.0057 17.2627 17.9796 17.3845 17.9288C17.5064 17.8781 17.617 17.8037 17.7099 17.7099C17.8037 17.617 17.8781 17.5064 17.9288 17.3845C17.9796 17.2627 18.0057 17.132 18.0057 16.9999C18.0057 16.8679 17.9796 16.7372 17.9288 16.6154C17.8781 16.4935 17.8037 16.3829 17.7099 16.2899L13.4099 11.9999Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 451}})
17774
+ , React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 471}}
17775
+ , React$1.createElement('path', { d: "M13.4099 11.9999L17.7099 7.70994C17.8982 7.52164 18.004 7.26624 18.004 6.99994C18.004 6.73364 17.8982 6.47825 17.7099 6.28994C17.5216 6.10164 17.2662 5.99585 16.9999 5.99585C16.7336 5.99585 16.4782 6.10164 16.2899 6.28994L11.9999 10.5899L7.70994 6.28994C7.52164 6.10164 7.26624 5.99585 6.99994 5.99585C6.73364 5.99585 6.47824 6.10164 6.28994 6.28994C6.10164 6.47825 5.99585 6.73364 5.99585 6.99994C5.99585 7.26624 6.10164 7.52164 6.28994 7.70994L10.5899 11.9999L6.28994 16.2899C6.19621 16.3829 6.12182 16.4935 6.07105 16.6154C6.02028 16.7372 5.99414 16.8679 5.99414 16.9999C5.99414 17.132 6.02028 17.2627 6.07105 17.3845C6.12182 17.5064 6.19621 17.617 6.28994 17.7099C6.3829 17.8037 6.4935 17.8781 6.61536 17.9288C6.73722 17.9796 6.86793 18.0057 6.99994 18.0057C7.13195 18.0057 7.26266 17.9796 7.38452 17.9288C7.50638 17.8781 7.61698 17.8037 7.70994 17.7099L11.9999 13.4099L16.2899 17.7099C16.3829 17.8037 16.4935 17.8781 16.6154 17.9288C16.7372 17.9796 16.8679 18.0057 16.9999 18.0057C17.132 18.0057 17.2627 17.9796 17.3845 17.9288C17.5064 17.8781 17.617 17.8037 17.7099 17.7099C17.8037 17.617 17.8781 17.5064 17.9288 17.3845C17.9796 17.2627 18.0057 17.132 18.0057 16.9999C18.0057 16.8679 17.9796 16.7372 17.9288 16.6154C17.8781 16.4935 17.8037 16.3829 17.7099 16.2899L13.4099 11.9999Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 472}})
17714
17776
  )
17715
17777
  )
17716
17778
 
17717
- , React$1.createElement('div', { className: "month-year-btn-container", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 455}}
17718
- , React$1.createElement('button', { type: "button", className: "month-year", onClick: toggleYearPicker, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 456}}
17779
+ , React$1.createElement('div', { className: "month-year-btn-container", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 476}}
17780
+ , React$1.createElement('button', { type: "button", className: "month-year", onClick: toggleYearPicker, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 477}}
17719
17781
  , currentDate.toLocaleString('en-us', {month: 'long', year: 'numeric'})
17720
17782
  /*{currentYear}*/
17721
17783
  , React$1.createElement('svg', { className: calendarView ? 'year-view' : '', width: "12", height: "8", viewBox: "0 0 12 8" ,
17722
- fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 459}}
17784
+ fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 480}}
17723
17785
  , React$1.createElement('path', {
17724
17786
  d: "M11 1.17C10.8126 0.983753 10.5592 0.879211 10.295 0.879211C10.0308 0.879211 9.77737 0.983753 9.59001 1.17L6.00001 4.71L2.46001 1.17C2.27265 0.983753 2.0192 0.879211 1.75501 0.879211C1.49082 0.879211 1.23737 0.983753 1.05001 1.17C0.956281 1.26297 0.881887 1.37357 0.831118 1.49543C0.780349 1.61729 0.754211 1.74799 0.754211 1.88C0.754211 2.01202 0.780349 2.14272 0.831118 2.26458C0.881887 2.38644 0.956281 2.49704 1.05001 2.59L5.29001 6.83C5.38297 6.92373 5.49357 6.99813 5.61543 7.04889C5.73729 7.09966 5.868 7.1258 6.00001 7.1258C6.13202 7.1258 6.26273 7.09966 6.38459 7.04889C6.50645 6.99813 6.61705 6.92373 6.71001 6.83L11 2.59C11.0937 2.49704 11.1681 2.38644 11.2189 2.26458C11.2697 2.14272 11.2958 2.01202 11.2958 1.88C11.2958 1.74799 11.2697 1.61729 11.2189 1.49543C11.1681 1.37357 11.0937 1.26297 11 1.17Z" ,
17725
- fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 461}})
17787
+ fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 482}})
17726
17788
  )
17727
17789
  )
17728
17790
  )
17729
17791
  )
17730
17792
  , calendarView &&
17731
- React$1.createElement('button', { type: "button", onClick: handleNextMonth, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 469}}
17793
+ React$1.createElement('button', { type: "button", onClick: handleNextMonth, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 490}}
17732
17794
  /*right angle*/
17733
- , React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 471}}
17795
+ , React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 492}}
17734
17796
  , React$1.createElement('path', {
17735
17797
  d: "M6.83019 5.28995L2.59019 1.04995C2.49722 0.95622 2.38662 0.881826 2.26476 0.831057C2.1429 0.780288 2.0122 0.75415 1.88019 0.75415C1.74818 0.75415 1.61747 0.780288 1.49561 0.831057C1.37375 0.881826 1.26315 0.95622 1.17019 1.04995C0.983936 1.23731 0.879395 1.49076 0.879395 1.75495C0.879395 2.01913 0.983936 2.27259 1.17019 2.45995L4.71019 5.99995L1.17019 9.53995C0.983936 9.72731 0.879395 9.98076 0.879395 10.2449C0.879395 10.5091 0.983936 10.7626 1.17019 10.9499C1.26363 11.0426 1.37444 11.116 1.49628 11.1657C1.61812 11.2155 1.74858 11.2407 1.88019 11.2399C2.01179 11.2407 2.14226 11.2155 2.26409 11.1657C2.38593 11.116 2.49675 11.0426 2.59019 10.9499L6.83019 6.70995C6.92392 6.61699 6.99831 6.50638 7.04908 6.38453C7.09985 6.26267 7.12599 6.13196 7.12599 5.99995C7.12599 5.86794 7.09985 5.73723 7.04908 5.61537C6.99831 5.49351 6.92392 5.38291 6.83019 5.28995Z" ,
17736
- fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 472}})
17798
+ fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 493}})
17737
17799
  )
17738
17800
  )
17739
17801
 
17740
17802
  , !calendarView && !monthPickerView &&
17741
- React$1.createElement('button', { type: "button", onClick: handleNextYear, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 479}}
17803
+ React$1.createElement('button', { type: "button", onClick: handleNextYear, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 500}}
17742
17804
  /*circle arrow right*/
17743
- , React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 481}}
17805
+ , React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 502}}
17744
17806
  , React$1.createElement('path', {
17745
17807
  d: "M13.71 10.71C13.801 10.6149 13.8724 10.5028 13.92 10.38C14.02 10.1365 14.02 9.86347 13.92 9.62C13.8724 9.49725 13.801 9.38511 13.71 9.29L10.71 6.29C10.5217 6.1017 10.2663 5.99591 10 5.99591C9.7337 5.99591 9.47831 6.1017 9.29 6.29C9.1017 6.47831 8.99591 6.7337 8.99591 7C8.99591 7.26631 9.1017 7.5217 9.29 7.71L10.59 9H7C6.73479 9 6.48043 9.10536 6.2929 9.2929C6.10536 9.48043 6 9.73479 6 10C6 10.2652 6.10536 10.5196 6.2929 10.7071C6.48043 10.8946 6.73479 11 7 11H10.59L9.29 12.29C9.19628 12.383 9.12188 12.4936 9.07111 12.6154C9.02034 12.7373 8.99421 12.868 8.99421 13C8.99421 13.132 9.02034 13.2627 9.07111 13.3846C9.12188 13.5064 9.19628 13.617 9.29 13.71C9.38297 13.8037 9.49357 13.8781 9.61543 13.9289C9.73729 13.9797 9.86799 14.0058 10 14.0058C10.132 14.0058 10.2627 13.9797 10.3846 13.9289C10.5064 13.8781 10.617 13.8037 10.71 13.71L13.71 10.71ZM20 10C20 8.02219 19.4135 6.08879 18.3147 4.4443C17.2159 2.79981 15.6541 1.51809 13.8268 0.761209C11.9996 0.00433284 9.98891 -0.193701 8.0491 0.192152C6.10929 0.578004 4.32746 1.53041 2.92894 2.92894C1.53041 4.32746 0.578004 6.10929 0.192152 8.0491C-0.193701 9.98891 0.00433284 11.9996 0.761209 13.8268C1.51809 15.6541 2.79981 17.2159 4.4443 18.3147C6.08879 19.4135 8.02219 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10ZM2 10C2 8.41775 2.4692 6.87104 3.34825 5.55544C4.2273 4.23985 5.47673 3.21447 6.93854 2.60897C8.40035 2.00347 10.0089 1.84504 11.5607 2.15372C13.1126 2.4624 14.538 3.22433 15.6569 4.34315C16.7757 5.46197 17.5376 6.88743 17.8463 8.43928C18.155 9.99113 17.9965 11.5997 17.391 13.0615C16.7855 14.5233 15.7602 15.7727 14.4446 16.6518C13.129 17.5308 11.5823 18 10 18C7.87827 18 5.84344 17.1572 4.34315 15.6569C2.84286 14.1566 2 12.1217 2 10Z" ,
17746
- fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 482}})
17808
+ fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 503}})
17747
17809
  )
17748
17810
  )
17749
17811
 
17750
17812
  )
17751
17813
  /*calendar view*/
17752
- , React$1.createElement('div', { style: {display: calendarView ? 'block ' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 490}}
17753
- , React$1.createElement('div', { className: "weekdays", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 491}}
17814
+ , React$1.createElement('div', { style: {display: calendarView ? 'block ' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 511}}
17815
+ , React$1.createElement('div', { className: "weekdays", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 512}}
17754
17816
  , daysOfWeek.map((day) => (
17755
- React$1.createElement('div', { key: day, className: "weekday", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 493}}
17817
+ React$1.createElement('div', { key: day, className: "weekday", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 514}}
17756
17818
  , day
17757
17819
  )
17758
17820
  ))
17759
17821
  )
17760
- , React$1.createElement('div', { className: "days", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 498}}, renderCalendar())
17822
+ , React$1.createElement('div', { className: "days", __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 519}}, renderCalendar())
17761
17823
  )
17762
17824
 
17763
17825
  /*year picker*/
17764
- , React$1.createElement('div', { style: {display: !calendarView ? 'block' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 502}}
17826
+ , React$1.createElement('div', { style: {display: !calendarView ? 'block' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 523}}
17765
17827
  , monthPickerView && renderMonthPicker()
17766
17828
  , !monthPickerView && renderYearPicker(currentYear)
17767
17829
  )