@silmoreno-quinta/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 ref,ref1,ref2;var ref3=(0,_react.useContext)(_datePickerProvider.DatePickerContext),selectedDate=ref3.selectedDate,changeSelectedDate=ref3.changeSelectedDate,view=ref3.view,options=ref3.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:(ref=options.theme)===null||ref===void 0?void 0:ref.icons),onClick:function(){return changeSelectedDate("prev",new Date((0,_date.goToPrevNext)(view,selectedDate,-1)))}},(options===null||options===void 0?void 0:(ref1=options.icons)===null||ref1===void 0?void 0:ref1.prev)?options===null||options===void 0?void 0:(ref2=options.icons)===null||ref2===void 0?void 0:ref2.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 ref;var ref1=(0,_react.useContext)(_datePickerProvider.DatePickerContext),selectedDate=ref1.selectedDate,view=ref1.view,setView=ref1.setView,options=ref1.options,getFormattedDate=ref1.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:(ref=options.theme)===null||ref===void 0?void 0:ref.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 ref,ref1,ref2;var ref3=(0,_react.useContext)(_datePickerProvider.DatePickerContext),selectedDate=ref3.selectedDate,changeSelectedDate=ref3.changeSelectedDate,view=ref3.view,options=ref3.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:(ref=options.theme)===null||ref===void 0?void 0:ref.icons),onClick:function(){return changeSelectedDate("next",new Date((0,_date.goToPrevNext)(view,selectedDate,1)))}},(options===null||options===void 0?void 0:(ref1=options.icons)===null||ref1===void 0?void 0:ref1.next)?options===null||options===void 0?void 0:(ref2=options.icons)===null||ref2===void 0?void 0:ref2.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 ref;var ref1=(0,_react.useContext)(_datePickerProvider.DatePickerContext),changeSelectedDate=ref1.changeSelectedDate,setView=ref1.setView,options=ref1.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:(ref=options.theme)===null||ref===void 0?void 0:ref.todayBtn),onClick:function(){changeSelectedDate("today",new Date);setView("days")}},options===null||options===void 0?void 0:options.todayBtnText)};var ButtonClear=function(){var ref;var ref1=(0,_react.useContext)(_datePickerProvider.DatePickerContext),setShowSelectedDate=ref1.setShowSelectedDate,options=ref1.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:(ref=options.theme)===null||ref===void 0?void 0:ref.clearBtn),onClick:function(){return setShowSelectedDate(false)}},options===null||options===void 0?void 0:options.clearBtnText)};