disable selection of range over other bookings

This commit is contained in:
Thomas Ruoff
2020-09-23 23:56:52 +02:00
committed by Thomas Ruoff
parent 898e6b8295
commit c231646190
2 changed files with 32 additions and 7 deletions

View File

@@ -161,7 +161,7 @@
@apply text-red-600;
}
.react-calendar__month-view__days__day--neighboringMonth {
@apply text-gray-400;
@apply text-gray-600;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
@@ -169,7 +169,7 @@
}
.react-calendar__tile {
@apply py-1;
@apply py-1 border border-gray-500;
}
.react-calendar__tile--free {
@@ -177,6 +177,10 @@
cursor: pointer;
}
.react-calendar__tile--free:hover:not(.react-calendar__tile--unselectable) {
@apply bg-gray-500;
}
.react-calendar__tile--booked {
@apply bg-red-200 cursor-not-allowed;
}
@@ -190,12 +194,21 @@
}
.react-calendar__tile--selected {
@apply bg-blue-200;
@apply bg-blue-400;
}
.react-calendar__tile--free:hover {
@apply bg-gray-500;
.react-calendar__tile--unselectable {
@apply cursor-not-allowed;
}
.react-calendar__tile--selected-start {
@apply rounded-tl-sm rounded-bl-sm;
}
.react-calendar__tile--selected-end {
@apply rounded-tr-sm rounded-br-sm;
}
.react-calendar__tile--now {
@apply text-green-400;
}