diff --git a/frontend/src/metabase/components/Calendar.jsx b/frontend/src/metabase/components/Calendar.jsx
index 74f363fd5a4f0de36e7c7e6fdea29dcb1d9ab7a8..8886f8a3c6eee33c3c82333d2ebedb52d628caba 100644
--- a/frontend/src/metabase/components/Calendar.jsx
+++ b/frontend/src/metabase/components/Calendar.jsx
@@ -158,7 +158,10 @@ export default class Calendar extends Component {
     return (
       <div
         className={cx("Calendar Grid-cell", {
-          "Calendar--range": this.props.selected && this.props.selectedEnd,
+          "Calendar--range":
+            this.props.isRangePicker &&
+            this.props.selected &&
+            this.props.selectedEnd,
         })}
       >
         {this.renderMonthHeader(current, side)}
diff --git a/frontend/src/metabase/parameters/components/widgets/DateSingleWidget.jsx b/frontend/src/metabase/parameters/components/widgets/DateSingleWidget.jsx
index 22458ce368e8995b6937a7d4e2c07c8cc51a3fdf..158697ba4c8b648c538d1e240fa45509b02948e7 100644
--- a/frontend/src/metabase/parameters/components/widgets/DateSingleWidget.jsx
+++ b/frontend/src/metabase/parameters/components/widgets/DateSingleWidget.jsx
@@ -11,6 +11,7 @@ const DateSingleWidget = ({ value, setValue, onClose }) => {
         initial={value}
         selected={value}
         selectedEnd={value}
+        isRangePicker={false}
         onChange={value => {
           setValue(value);
           onClose();