This commit is contained in:
Thomas Ruoff
2020-08-06 22:34:33 +02:00
parent e4c8b7ceba
commit 7dc8c71852
6 changed files with 86 additions and 50 deletions

View File

@@ -1,5 +1,8 @@
import React from 'react'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'react-dates/lib/css/_datepicker.css'
//import 'react-dates/lib/css/_datepicker.css'
import 'react-day-picker/lib/style.css'
import 'moment'
import 'moment/locale/de'

View File

@@ -37,6 +37,26 @@ export default function Home() {
* {
box-sizing: border-box;
}
.Selectable
.DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
background-color: #f0f8ff !important;
color: #4a90e2;
}
.Selectable .DayPicker-Day {
border-radius: 0 !important;
}
.Selectable .DayPicker-Day--start {
border-top-left-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.Selectable .DayPicker-Day--end {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.Selectable .DayPicker-Day--dayBooked:not(.DayPicker-Day--outside) {
color: #505050;
background-color: #fcc;
}
`}</style>
</div>
)