Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
.CalendarDay__blocked_calendar:hover {
font-weight: ${helveticaNeueLight45.fontWeight};
background: ${colorWhite};
background-clip: padding-box;
color: ${colorShuttleGrey};
text-decoration: none;
&:before {
content: none;
}
}
`
)
export const LabelText = styled.div({
marginBottom: '0.5rem',
fontWeight: helveticaNeueMedium65.fontWeight,
})
export const HiddenInputFieldContainer = styled.div({
height: 0,
width: 0,
overflow: 'hidden',
})
}
.DayPickerNavigation_svg__horizontal {
fill: ${colorShark};
}
.DayPicker_weekHeader {
color: ${colorShark};
}
.CalendarDay__default {
position: relative;
background-clip: padding-box;
border: 1px solid ${colorGainsboro};
vertical-align: middle;
font-weight: ${helveticaNeueMedium65.fontWeight};
color: ${colorShark};
text-decoration: underline;
transition: all 0.3s;
line-height: ${daySize}px;
&:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 1.9rem;
width: 1.9rem;
border-radius: 50%;
background: transparent;
transition: all 0.3s;
z-index: -1;
font-weight: ${helveticaNeueRoman55.fontWeight};
font-size: 1rem;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
}
.DateInput_fang {
transform: translateY(2px);
z-index: 4;
}
.DateInput_fangStroke {
stroke: ${colorShuttleGrey};
}
.CalendarMonth_caption {
font-weight: ${helveticaNeueMedium65.fontWeight};
padding-bottom: 48px;
}
.DayPicker__withBorder {
box-shadow: none;
}
.DayPickerNavigation_button {
border: 1px solid ${colorShark};
background-color: ${colorWhite};
border-radius: 2px;
position: absolute;
top: 18px;
line-height: 0.78;
padding: 7px 17px;
cursor: pointer;
font-weight: ${helveticaNeueRoman55.fontWeight};
font-size: 1rem;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
}
.DateInput_fang {
transform: translateY(2px);
z-index: 4;
}
.DateInput_fangStroke {
stroke: ${colorShuttleGrey};
}
.CalendarMonth_caption {
font-weight: ${helveticaNeueMedium65.fontWeight};
padding-bottom: 48px;
}
.DayPicker__withBorder {
box-shadow: none;
}
.DayPickerNavigation_button {
border: 1px solid ${colorShark};
background-color: ${colorWhite};
border-radius: 2px;
position: absolute;
top: 18px;
line-height: 0.78;
padding: 7px 17px;
cursor: pointer;