enable to select dates in calendar

This commit is contained in:
Thomas Ruoff
2020-09-23 00:48:42 +02:00
committed by Thomas Ruoff
parent 928d6b3d4e
commit 898e6b8295
3 changed files with 59 additions and 41 deletions

View File

@@ -128,10 +128,6 @@
@apply outline-none;
}
.react-calendar button:enabled:hover {
cursor: pointer;
}
.react-calendar__navigation {
@apply text-gray-100 bg-gray-900;
}
@@ -141,9 +137,6 @@
min-width: 2rem;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
}
.react-calendar__navigation button[disabled] {
@apply text-gray-700 cursor-not-allowed;
}
@@ -181,7 +174,9 @@
.react-calendar__tile--free {
@apply bg-green-200;
cursor: pointer;
}
.react-calendar__tile--booked {
@apply bg-red-200 cursor-not-allowed;
}
@@ -194,37 +189,17 @@
@apply bg-gray-300;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
.react-calendar__tile--selected {
@apply bg-blue-200;
}
.react-calendar__tile--free:hover {
@apply bg-gray-500;
}
.react-calendar__tile--now {
@apply text-green-400;
}
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
background: #ffffa9;
}
.react-calendar__tile--hasActive {
background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
background: #a9d4ff;
}
.react-calendar__tile--active {
background: #006edc;
color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
background-color: #e6e6e6;
}
/* Start purging... */
@tailwind utilities;
/* Stop purging. */