fix(datepicker): showCalendar no longer triggers if readOnly is true

originally fixed by @benhancockco on #42
arthurdenner · Oct 3, 2019 · 6f4d13a · 6f4d13a
1 parent 4ac0dc2
commit 6f4d13a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/datepicker.tsx b/src/components/datepicker.tsx
@@ -344,7 +344,7 @@ class SemanticDatepicker extends React.Component<
       selectedDateFormatted,
       typedValue,
     } = this.state;
-    const { clearable, locale, pointing, filterDate } = this.props;
+    const { clearable, locale, pointing, filterDate, readOnly } = this.props;
     return (
       <div className="field" style={style} ref={this.el}>
         <Input
@@ -353,7 +353,7 @@ class SemanticDatepicker extends React.Component<
           onBlur={this.handleBlur}
           onChange={this.handleChange}
           onClear={this.resetState}
-          onClick={this.showCalendar}
+          onClick={readOnly ? null : this.showCalendar}
           onKeyDown={this.handleKeyDown}
           value={typedValue || selectedDateFormatted}
         />