flowbite-react/dist/components/Datepicker/Views/Months.cjs.map

Official React components built for Flowbite and Tailwind CSS

{"version":3,"file":"Months.cjs","sources":["../../../../src/components/Datepicker/Views/Months.tsx"],"sourcesContent":["\"use client\";\n\nimport { twMerge } from \"../../../helpers/tailwind-merge\";\nimport { useDatePickerContext } from \"../DatepickerContext\";\nimport { getFormattedDate, isDateEqual, isDateInRange, Views } from \"../helpers\";\n\nexport interface DatepickerViewsMonthsTheme {\n  items: {\n    base: string;\n    item: {\n      base: string;\n      selected: string;\n      disabled: string;\n    };\n  };\n}\n\nexport function DatepickerViewsMonth() {\n  const {\n    theme: rootTheme,\n    minDate,\n    maxDate,\n    selectedDate,\n    viewDate,\n    language,\n    setViewDate,\n    setView,\n  } = useDatePickerContext();\n\n  const theme = rootTheme.views.months;\n\n  return (\n    <div className={theme.items.base}>\n      {[...Array(12)].map((_month, index) => {\n        const newDate = new Date();\n        // setting day to 1 to avoid overflow issues\n        newDate.setMonth(index, 1);\n        newDate.setFullYear(viewDate.getFullYear());\n        const month = getFormattedDate(language, newDate, { month: \"short\" });\n\n        const isSelected = selectedDate && isDateEqual(selectedDate, newDate);\n        const isDisabled = !isDateInRange(newDate, minDate, maxDate);\n\n        return (\n          <button\n            disabled={isDisabled}\n            key={index}\n            type=\"button\"\n            className={twMerge(\n              theme.items.item.base,\n              isSelected && theme.items.item.selected,\n              isDisabled && theme.items.item.disabled,\n            )}\n            onClick={() => {\n              if (isDisabled) return;\n\n              setViewDate(newDate);\n              setView(Views.Days);\n            }}\n          >\n            {month}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nDatepickerViewsMonth.displayName = \"DatepickerViewsMonth\";\n"],"names":["useDatePickerContext","jsx","getFormattedDate","isDateEqual","isDateInRange","twMerge","Views"],"mappings":";;;;;;;AAMO,SAAS,oBAAoB,GAAG;AACvC,EAAE,MAAM;AACR,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI;AACJ,GAAG,GAAGA,sCAAoB,EAAE;AAC5B,EAAE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM;AACtC,EAAE,uBAAuBC,cAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAK;AACnH,IAAI,MAAM,OAAO,mBAAmB,IAAI,IAAI,EAAE;AAC9C,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;AAC9B,IAAI,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;AAC/C,IAAI,MAAM,KAAK,GAAGC,wBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AACzE,IAAI,MAAM,UAAU,GAAG,YAAY,IAAIC,mBAAW,CAAC,YAAY,EAAE,OAAO,CAAC;AACzE,IAAI,MAAM,UAAU,GAAG,CAACC,qBAAa,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;AAChE,IAAI,uBAAuBH,cAAG;AAC9B,MAAM,QAAQ;AACd,MAAM;AACN,QAAQ,QAAQ,EAAE,UAAU;AAC5B,QAAQ,IAAI,EAAE,QAAQ;AACtB,QAAQ,SAAS,EAAEI,qBAAO;AAC1B,UAAU,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;AAC/B,UAAU,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ;AACjD,UAAU,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;AACzC,SAAS;AACT,QAAQ,OAAO,EAAE,MAAM;AACvB,UAAU,IAAI,UAAU,EAAE;AAC1B,UAAU,WAAW,CAAC,OAAO,CAAC;AAC9B,UAAU,OAAO,CAACC,aAAK,CAAC,IAAI,CAAC;AAC7B,SAAS;AACT,QAAQ,QAAQ,EAAE;AAClB,OAAO;AACP,MAAM;AACN,KAAK;AACL,GAAG,CAAC,EAAE,CAAC;AACP;AACA,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}