mythic-insight/calcom
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

added hover state to date picker

Browse source
This commit is contained in:
Peer Richelsen 2021-08-08 17:56:34 +02:00
parent d32d8ea4c3
commit 7699783c17
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/booking/DatePicker.tsx
View file

@ -147,9 +147,9 @@ const DatePicker = ({
onClick={() => setSelectedDate(inviteeDate.date(day))} onClick={() => setSelectedDate(inviteeDate.date(day))}
disabled={isDisabled(day)} disabled={isDisabled(day)}
className={ className={
"text-center w-10 h-10 mx-auto" + "text-center w-10 h-10 mx-auto hover:border hover:border-black dark:hover:border-white" +
(isDisabled(day) (isDisabled(day)
? " text-gray-400 font-light" ? " text-gray-400 font-light hover:border-0 cursor-default"
: " dark:text-white text-primary-500 font-medium") + : " dark:text-white text-primary-500 font-medium") +
(selectedDate && selectedDate.isSame(inviteeDate.date(day), "day") (selectedDate && selectedDate.isSame(inviteeDate.date(day), "day")
? " bg-black text-white-important" ? " bg-black text-white-important"