@rnwonder/react-date-picker
Version:
A simple and reusable Datepicker component for ReactJS ([Demo](https://stackblitz.com/edit/solidjs-templates-dof6jl?file=src%2FApp.tsx))
2 lines (1 loc) • 2.41 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Button/index.js"),t=require("../PrevIcon/index.js"),r=require("../NextIcon/index.js"),o=require("../../utils/class.js");exports.TimeAnalogGroupTop=a=>{var i,l,s;return e.jsxs("div",{className:o.cn("\n rn-mb-2\n rn-flex\n rn-justify-between"),children:[e.jsx("div",{className:"rn-flex rn-items-center rn-justify-center rn-font-medium dark:rn-text-white",children:"hour"===a.view?"HH":"minute"===a.view?"MM":"SS"}),e.jsxs("div",{children:[e.jsx(n.Button,{className:o.cn("\n time-analog-prev-next-btn\n time-analog-prev-btn\n rn-h-[2rem]\n rn-w-[2rem]\n rn-rounded-full \n rn-text-black\n disabled:rn-cursor-not-allowed\n disabled:rn-bg-transparent\n dark:rn-text-white\n ",a.prevTimeViewBtnClass,a.prevNextTimeViewBtnClass),"data-prev":!0,"data-type":"time-analog-prev-next-btn","aria-label":"Move backward to switch to the previous time view","data-scope":"button","data-part":"root",disabled:"hour"===a.view||"minute"===a.view&&!(null==(i=a.allowedView)?void 0:i.includes("hour"))||"second"===a.view&&!(null==(l=a.allowedView)?void 0:l.includes("minute")),onClick:a.handlePrev,style:{...a.arrowsColor&&{color:a.arrowsColor}},noButtonAnimation:a.noButtonAnimation,children:a.prevIcon||e.jsx(t.PrevIcon,{className:"rn-w-[17px]",color:a.arrowsColor})}),e.jsx(n.Button,{className:o.cn("\n time-analog-prev-next-btn\n time-analog-next-btn\n rn-h-[2rem]\n rn-w-[2rem]\n rn-rounded-full \n rn-text-black\n disabled:rn-cursor-not-allowed\n disabled:rn-bg-transparent\n dark:rn-text-white\n ",a.nextTimeViewBtnClass,a.prevNextTimeViewBtnClass),"data-next":!0,"aria-label":"Move forward to switch to the next time view.","data-scope":"button","data-part":"root","data-type":"time-analog-prev-next-btn",onClick:a.handleNext,disabled:"second"===a.view||"minute"===a.view&&!(null==(s=a.allowedView)?void 0:s.includes("second")),style:{...a.arrowsColor&&{color:a.arrowsColor}},noButtonAnimation:a.noButtonAnimation,children:a.nextIcon||e.jsx(r.NextIcon,{className:"rn-w-[17px]",color:a.arrowsColor})})]})]})};