Skip to content

Commit f4ffb2b

Browse files
committed
fix: do not set custom calendar styles in portal
and change custom calendar example to set a larger font-size
1 parent 52747a6 commit f4ffb2b

3 files changed

Lines changed: 3 additions & 23 deletions

File tree

docs-site/src/components/Examples/examples.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -179,7 +179,8 @@
179179
border-color: #f00;
180180
}
181181

182-
.rasta-stripes {
182+
.rasta-stripes-big {
183+
font-size: 1rem !important;
183184
.react-datepicker__week:nth-child(3n + 1) {
184185
background-color: #215005;
185186
}

docs-site/src/examples/ts/customCalendarClassName.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ const CustomCalendarClassName = () => {
55
<DatePicker
66
selected={selectedDate}
77
onChange={setSelectedDate}
8-
calendarClassName="rasta-stripes"
8+
calendarClassName="rasta-stripes-big"
99
/>
1010
);
1111
};

src/stylesheets/datepicker.scss

Lines changed: 0 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -765,27 +765,6 @@ h2.react-datepicker__current-month {
765765
align-items: center;
766766
display: flex;
767767
z-index: 2147483647;
768-
769-
.react-datepicker__day-name,
770-
.react-datepicker__day,
771-
.react-datepicker__time-name {
772-
width: 3.75em;
773-
line-height: 3.75em;
774-
}
775-
776-
@media (max-width: 400px), (max-height: 550px) {
777-
.react-datepicker__day-name,
778-
.react-datepicker__day,
779-
.react-datepicker__time-name {
780-
width: 2.5em;
781-
line-height: 2.5em;
782-
}
783-
}
784-
785-
.react-datepicker__current-month,
786-
.react-datepicker-time__header {
787-
font-size: $datepicker__font-size * 1.8;
788-
}
789768
}
790769

791770
.react-datepicker__children-container {

0 commit comments

Comments
 (0)