react-ui-basics 0.0.205 → 0.0.207

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.205",
+  "version": "0.0.207",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",

package/src/AutocompleteSelect.js

@@ -389,13 +389,14 @@ class AutocompleteSelect extends PureComponent {
     }
 
     onClickOutside = () => {
-        const {allowCustom, required} = __props(this);
+        const {allowCustom, required, onFilterInputChange} = __props(this);
         const {filterValue} = __state(this);
         if (allowCustom && (!!filterValue || !required)) {
             this.onSelect()
         }
 
-        this.setState({isActive: false});
+        this.setState({isActive: false, filterValue: ''});
+        onFilterInputChange && onFilterInputChange('');
 
         this.onCancel();
     };

package/src/DatePicker.tsx

@@ -3,7 +3,7 @@ import ReactDOM from "react-dom";
 import './DatePicker.css'
 import TextField from "./TextField";
 import * as DateTools from "./DateTools";
-import {orNoop, classNames, preventDefault, ref, WINDOW} from "./Tools";
+import {orNoop, classNames, preventDefault, ref, WINDOW, stopPropagation} from "./Tools";
 import Button from './Button'
 import CalendarMonthView from "./CalendarMonthView";
 import MaterialIcon from "./MaterialIcon";
@@ -183,12 +183,14 @@ class DatePicker extends React.Component<DatePickerProps, DatePickerState> {
                     {monthToString(selectedMonth.get(DateTools.TimeUnit.MONTH))}
                     &nbsp;{selectedMonth.get(DateTools.TimeUnit.YEAR)}
                 </span>
-                <Button flat={true} round={true} disabled={minDate && DateTools.dateOf(selectedMonth).isBefore(minDate)} onClick={() => {
+                <Button flat={true} round={true} disabled={minDate && DateTools.dateOf(selectedMonth).isBefore(minDate)} onClick={(e) => {
+                    stopPropagation(e)
                     this.setState({selectedMonth: DateTools.dateOf(selectedMonth).subtract(1, DateTools.TimeUnit.MONTH)})
                 }}>
                     <MaterialIcon icon={'chevron_left'}/>
                 </Button>
-                <Button flat={true} round={true} onClick={() => {
+                <Button flat={true} round={true} onClick={(e) => {
+                    stopPropagation(e)
                     this.setState({selectedMonth: DateTools.dateOf(selectedMonth).add(1, DateTools.TimeUnit.MONTH)})
                 }}>
                     <MaterialIcon icon={'chevron_right'}/>