another fix to calendar

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} />} />