diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/util/CalendarManager.tsx | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/src/client/util/CalendarManager.tsx b/src/client/util/CalendarManager.tsx index 50a5437a0..3872294db 100644 --- a/src/client/util/CalendarManager.tsx +++ b/src/client/util/CalendarManager.tsx @@ -17,6 +17,8 @@ import { DocData } from '../../fields/DocSymbols'; // import { DateRange, Range, RangeKeyDict } from 'react-date-range'; import { Button } from 'browndash-components'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { Provider, useProvider, defaultTheme } from '@adobe/react-spectrum'; + import { DateRangePicker } from '@adobe/react-spectrum'; import { IconLookup, faPlus } from '@fortawesome/free-solid-svg-icons'; import { Docs } from '../documents/Documents'; @@ -297,7 +299,9 @@ export class CalendarManager extends ObservableReactComponent<{}> { )} </div> <div className="date-range-picker-container"> - <DateRangePicker value={this.selectedDateRange} onChange={v => this.setSelectedDateRange(v)} label="Date range" /> + <Provider theme={defaultTheme}> + <DateRangePicker value={this.selectedDateRange} onChange={v => this.setSelectedDateRange(v)} label="Date range" /> + </Provider> </div> <div className="create-button-container"> <Button active={this.createButtonActive} onClick={() => {}} text="Add to Calendar" iconPlacement="right" icon={<FontAwesomeIcon icon={faPlus as IconLookup} />} /> |