GH-1439: do not show outside dates in datepicker (#1450)

* GH-1439: add css to highlight adjacent month selected dates

* GH-1439: do not show outside days in datepicker

* GH-1439: remove log statement

Co-authored-by: aloks98 <aloksahoo@acceldata.io>
This commit is contained in:
Alok Kumar Sahoo 2021-10-07 00:44:59 +05:30 committed by GitHub
parent 74a3c63ddc
commit f69e9ae927
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -156,7 +156,6 @@ function DateRange(props: Props): JSX.Element {
if (!buttonText && showEmptyPlaceholder) { if (!buttonText && showEmptyPlaceholder) {
buttonText = intl.formatMessage({id: 'DateRange.empty', defaultMessage: 'Empty'}) buttonText = intl.formatMessage({id: 'DateRange.empty', defaultMessage: 'Empty'})
} }
return ( return (
<div className={`DateRange ${displayValue ? '' : 'empty'} ` + className}> <div className={`DateRange ${displayValue ? '' : 'empty'} ` + className}>
<Button <Button
@ -235,7 +234,7 @@ function DateRange(props: Props): JSX.Element {
<DayPicker <DayPicker
onDayClick={handleDayClick} onDayClick={handleDayClick}
initialMonth={dateFrom || new Date()} initialMonth={dateFrom || new Date()}
showOutsideDays={true} showOutsideDays={false}
locale={locale} locale={locale}
localeUtils={MomentLocaleUtils} localeUtils={MomentLocaleUtils}
todayButton={intl.formatMessage({id: 'DateRange.today', defaultMessage: 'Today'})} todayButton={intl.formatMessage({id: 'DateRange.today', defaultMessage: 'Today'})}