flowbite-react
Version:
Official React components built for Flowbite and Tailwind CSS
1 lines • 4.16 kB
Source Map (JSON)
{"version":3,"file":"Days.cjs","sources":["../../../../src/components/Datepicker/Views/Days.tsx"],"sourcesContent":["\"use client\";\n\nimport { twMerge } from \"../../../helpers/tailwind-merge\";\nimport { useDatePickerContext } from \"../DatepickerContext\";\nimport { addDays, getFirstDayOfTheMonth, getFormattedDate, getWeekDays, isDateEqual, isDateInRange } from \"../helpers\";\n\nexport interface DatepickerViewsDaysTheme {\n header: {\n base: string;\n title: string;\n };\n items: {\n base: string;\n item: {\n base: string;\n selected: string;\n disabled: string;\n };\n };\n}\n\nexport function DatepickerViewsDays() {\n const {\n theme: rootTheme,\n weekStart,\n minDate,\n maxDate,\n viewDate,\n selectedDate,\n changeSelectedDate,\n language,\n } = useDatePickerContext();\n\n const theme = rootTheme.views.days;\n\n const weekDays = getWeekDays(language, weekStart);\n const startDate = getFirstDayOfTheMonth(viewDate, weekStart);\n\n return (\n <>\n <div className={theme.header.base}>\n {weekDays.map((day, index) => (\n <span key={index} className={theme.header.title}>\n {day}\n </span>\n ))}\n </div>\n <div className={theme.items.base}>\n {[...Array(42)].map((_date, index) => {\n const currentDate = addDays(startDate, index);\n const day = getFormattedDate(language, currentDate, { day: \"numeric\" });\n\n const isSelected = selectedDate && isDateEqual(selectedDate, currentDate);\n const isDisabled = !isDateInRange(currentDate, 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 changeSelectedDate(currentDate, true);\n }}\n >\n {day}\n </button>\n );\n })}\n </div>\n </>\n );\n}\n\nDatepickerViewsDays.displayName = \"DatepickerViewsDays\";\n"],"names":["useDatePickerContext","getWeekDays","getFirstDayOfTheMonth","jsxs","Fragment","jsx","addDays","getFormattedDate","isDateEqual","isDateInRange","twMerge"],"mappings":";;;;;;;AAMO,SAAS,mBAAmB,GAAG;AACtC,EAAE,MAAM;AACR,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,kBAAkB;AACtB,IAAI;AACJ,GAAG,GAAGA,sCAAoB,EAAE;AAC5B,EAAE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI;AACpC,EAAE,MAAM,QAAQ,GAAGC,mBAAW,CAAC,QAAQ,EAAE,SAAS,CAAC;AACnD,EAAE,MAAM,SAAS,GAAGC,6BAAqB,CAAC,QAAQ,EAAE,SAAS,CAAC;AAC9D,EAAE,uBAAuBC,eAAI,CAACC,mBAAQ,EAAE,EAAE,QAAQ,EAAE;AACpD,oBAAoBC,cAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,qBAAqBA,cAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;AAC9L,oBAAoBA,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,KAAK,EAAE,KAAK,KAAK;AAC7G,MAAM,MAAM,WAAW,GAAGC,eAAO,CAAC,SAAS,EAAE,KAAK,CAAC;AACnD,MAAM,MAAM,GAAG,GAAGC,wBAAgB,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;AAC7E,MAAM,MAAM,UAAU,GAAG,YAAY,IAAIC,mBAAW,CAAC,YAAY,EAAE,WAAW,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,CAACC,qBAAa,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC;AACtE,MAAM,uBAAuBJ,cAAG;AAChC,QAAQ,QAAQ;AAChB,QAAQ;AACR,UAAU,QAAQ,EAAE,UAAU;AAC9B,UAAU,IAAI,EAAE,QAAQ;AACxB,UAAU,SAAS,EAAEK,qBAAO;AAC5B,YAAY,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;AACjC,YAAY,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ;AACnD,YAAY,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;AAC3C,WAAW;AACX,UAAU,OAAO,EAAE,MAAM;AACzB,YAAY,IAAI,UAAU,EAAE;AAC5B,YAAY,kBAAkB,CAAC,WAAW,EAAE,IAAI,CAAC;AACjD,WAAW;AACX,UAAU,QAAQ,EAAE;AACpB,SAAS;AACT,QAAQ;AACR,OAAO;AACP,KAAK,CAAC,EAAE;AACR,GAAG,EAAE,CAAC;AACN;AACA,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}