@shonum/tailwind-datepicker-react/dist/Components/Buttons.js

A tailwindcss/flowbite datepicker component built as a react component with types

"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{ButtonPrevMonth:function(){return ButtonPrevMonth},ButtonSelectMonth:function(){return ButtonSelectMonth},ButtonNextMonth:function(){return ButtonNextMonth},ButtonToday:function(){return ButtonToday},ButtonClear:function(){return ButtonClear}});var _react=_interopRequireWildcard(require("react"));var _tailwindMerge=require("tailwind-merge");var _date=require("../Utils/date");var _datePickerProvider=require("./DatePickerProvider");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}var ButtonPrevMonth=function(){var _options_theme,_options_icons,_options_icons1;var _useContext=(0,_react.useContext)(_datePickerProvider.DatePickerContext),selectedDate=_useContext.selectedDate,changeSelectedDate=_useContext.changeSelectedDate,view=_useContext.view,options=_useContext.options;return _react.default.createElement("button",{type:"button",className:(0,_tailwindMerge.twMerge)("bg-white dark:bg-gray-700 rounded-lg text-gray-500 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 hover:text-gray-900 dark:hover:text-white text-lg p-2.5 focus:outline-none focus:ring-2 focus:ring-gray-200",options===null||options===void 0?void 0:(_options_theme=options.theme)===null||_options_theme===void 0?void 0:_options_theme.icons),onClick:function(){return changeSelectedDate("prev",new Date((0,_date.goToPrevNext)(view,selectedDate,-1)))}},(options===null||options===void 0?void 0:(_options_icons=options.icons)===null||_options_icons===void 0?void 0:_options_icons.prev)?options===null||options===void 0?void 0:(_options_icons1=options.icons)===null||_options_icons1===void 0?void 0:_options_icons1.prev():_react.default.createElement("svg",{className:"w-4 h-4",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},_react.default.createElement("path",{fillRule:"evenodd",d:"M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z",clipRule:"evenodd"})))};var ButtonSelectMonth=function(){var _options_theme;var _useContext=(0,_react.useContext)(_datePickerProvider.DatePickerContext),selectedDate=_useContext.selectedDate,view=_useContext.view,setView=_useContext.setView,options=_useContext.options,getFormattedDate=_useContext.getFormattedDate;var calculateView=function(){if(view==="days")return"months";if(view==="months")return"years";if(view==="years")return"decades";return view};return _react.default.createElement("button",{type:"button",className:(0,_tailwindMerge.twMerge)("text-sm rounded-lg text-gray-900 dark:text-white bg-white dark:bg-gray-700 font-semibold py-2.5 px-5 hover:bg-gray-100 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-200",options===null||options===void 0?void 0:(_options_theme=options.theme)===null||_options_theme===void 0?void 0:_options_theme.icons),onClick:function(){return setView(calculateView())}},view==="days"&&getFormattedDate(selectedDate,{month:"long",year:"numeric"}),view==="months"&&getFormattedDate(selectedDate,{year:"numeric"}),view==="years"&&"".concat((0,_date.startOfYearPeriod)(selectedDate,10),"-").concat((0,_date.startOfYearPeriod)(selectedDate,10)+9),view==="decades"&&"".concat((0,_date.startOfYearPeriod)(selectedDate,100),"-").concat((0,_date.startOfYearPeriod)(selectedDate,100)+90))};var ButtonNextMonth=function(){var _options_theme,_options_icons,_options_icons1;var _useContext=(0,_react.useContext)(_datePickerProvider.DatePickerContext),selectedDate=_useContext.selectedDate,changeSelectedDate=_useContext.changeSelectedDate,view=_useContext.view,options=_useContext.options;return _react.default.createElement("button",{type:"button",className:(0,_tailwindMerge.twMerge)("bg-white dark:bg-gray-700 rounded-lg text-gray-500 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 hover:text-gray-900 dark:hover:text-white text-lg p-2.5 focus:outline-none focus:ring-2 focus:ring-gray-200",options===null||options===void 0?void 0:(_options_theme=options.theme)===null||_options_theme===void 0?void 0:_options_theme.icons),onClick:function(){return changeSelectedDate("next",new Date((0,_date.goToPrevNext)(view,selectedDate,1)))}},(options===null||options===void 0?void 0:(_options_icons=options.icons)===null||_options_icons===void 0?void 0:_options_icons.next)?options===null||options===void 0?void 0:(_options_icons1=options.icons)===null||_options_icons1===void 0?void 0:_options_icons1.next():_react.default.createElement("svg",{className:"w-4 h-4",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},_react.default.createElement("path",{fillRule:"evenodd",d:"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z",clipRule:"evenodd"})))};var ButtonToday=function(){var _options_theme;var _useContext=(0,_react.useContext)(_datePickerProvider.DatePickerContext),changeSelectedDate=_useContext.changeSelectedDate,setView=_useContext.setView,options=_useContext.options;return _react.default.createElement("button",{type:"button",className:(0,_tailwindMerge.twMerge)("w-full px-5 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg dark:bg-blue-600 hover:bg-blue-800 dark:hover:bg-blue-700 focus:ring-4 focus:ring-blue-300",options===null||options===void 0?void 0:(_options_theme=options.theme)===null||_options_theme===void 0?void 0:_options_theme.todayBtn),onClick:function(){changeSelectedDate("today",new Date);setView("days")}},"Today")};var ButtonClear=function(){var _options_theme;var _useContext=(0,_react.useContext)(_datePickerProvider.DatePickerContext),setShowSelectedDate=_useContext.setShowSelectedDate,options=_useContext.options;return _react.default.createElement("button",{type:"button",className:(0,_tailwindMerge.twMerge)("w-full px-5 py-2 text-sm font-medium text-center text-gray-900 bg-white border border-gray-300 rounded-lg dark:text-white dark:bg-gray-700 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 focus:ring-4 focus:ring-blue-300",options===null||options===void 0?void 0:(_options_theme=options.theme)===null||_options_theme===void 0?void 0:_options_theme.clearBtn),onClick:function(){return setShowSelectedDate(false)}},"Clear")};