| 16825 |
efrain |
1 |
// npm package: flatpickr
|
|
|
2 |
// github link: https://github.com/flatpickr/flatpickr
|
|
|
3 |
|
|
|
4 |
.form-control.flatpickr-input {
|
|
|
5 |
background-color: $input-bg;
|
|
|
6 |
}
|
|
|
7 |
|
|
|
8 |
.flatpickr-day.selected,
|
|
|
9 |
.flatpickr-day.startRange,
|
|
|
10 |
.flatpickr-day.endRange,
|
|
|
11 |
.flatpickr-day.selected.inRange,
|
|
|
12 |
.flatpickr-day.startRange.inRange,
|
|
|
13 |
.flatpickr-day.endRange.inRange,
|
|
|
14 |
.flatpickr-day.selected:focus,
|
|
|
15 |
.flatpickr-day.startRange:focus,
|
|
|
16 |
.flatpickr-day.endRange:focus,
|
|
|
17 |
.flatpickr-day.selected:hover,
|
|
|
18 |
.flatpickr-day.startRange:hover,
|
|
|
19 |
.flatpickr-day.endRange:hover,
|
|
|
20 |
.flatpickr-day.selected.prevMonthDay,
|
|
|
21 |
.flatpickr-day.startRange.prevMonthDay,
|
|
|
22 |
.flatpickr-day.endRange.prevMonthDay,
|
|
|
23 |
.flatpickr-day.selected.nextMonthDay,
|
|
|
24 |
.flatpickr-day.startRange.nextMonthDay,
|
|
|
25 |
.flatpickr-day.endRange.nextMonthDay {
|
|
|
26 |
background: $primary;
|
|
|
27 |
border-color: $primary;
|
|
|
28 |
}
|
|
|
29 |
|
|
|
30 |
.flatpickr-months {
|
|
|
31 |
padding: 0 1rem;
|
|
|
32 |
padding-top: 0.5rem;
|
|
|
33 |
}
|
|
|
34 |
|
|
|
35 |
.flatpickr-innerContainer {
|
|
|
36 |
// padding: 0.5rem 1rem;
|
|
|
37 |
}
|
|
|
38 |
|
|
|
39 |
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
|
|
|
40 |
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
|
|
|
41 |
|
|
|
42 |
left: 11px;
|
|
|
43 |
right: auto !important;
|
|
|
44 |
top: 8px;
|
|
|
45 |
}
|
|
|
46 |
|
|
|
47 |
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
|
|
|
48 |
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
|
|
|
49 |
|
|
|
50 |
right: 11px;
|
|
|
51 |
left: auto !important;
|
|
|
52 |
top: 8px;
|
|
|
53 |
}
|
|
|
54 |
|
|
|
55 |
.flatpickr-months .flatpickr-prev-month:hover svg,
|
|
|
56 |
.flatpickr-months .flatpickr-next-month:hover svg {
|
|
|
57 |
fill: $primary;
|
|
|
58 |
}
|
|
|
59 |
|
|
|
60 |
.flatpickr-months .flatpickr-month {
|
|
|
61 |
height: 42px;
|
|
|
62 |
}
|
|
|
63 |
|
|
|
64 |
.flatpickr-current-month .flatpickr-monthDropdown-months {
|
|
|
65 |
font-size: 1rem;
|
|
|
66 |
border-radius: $input-border-radius;
|
|
|
67 |
padding: .3rem .5rem;
|
|
|
68 |
}
|
|
|
69 |
|
|
|
70 |
.flatpickr-weekdays {
|
|
|
71 |
padding: 0 10px;
|
|
|
72 |
}
|
|
|
73 |
|
|
|
74 |
.dayContainer {
|
|
|
75 |
padding: 0 10px 10px;
|
|
|
76 |
}
|