react-ui-basics 0.0.206 → 0.0.208

package/package.json

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

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";
@@ -22,6 +22,7 @@ const DayRenderer = ({day, selected, minDate, onClick}: {
         )}
         onClick={e => {
             preventDefault(e);
+            stopPropagation(e)
             if (minDate && (day.isBefore(minDate) && !day.isSameDate(minDate))) return;
 
             onClick(day);
@@ -183,12 +184,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'}/>