cx 25.5.2 → 25.6.0

package/src/widgets/form/MonthPicker.js

@@ -154,6 +154,7 @@ MonthPicker.prototype.range = false;
 MonthPicker.prototype.startYear = 1980;
 MonthPicker.prototype.endYear = 2030;
 MonthPicker.prototype.bufferSize = 15;
+MonthPicker.prototype.hideQuarters = false;
 
 // Localization
 MonthPicker.prototype.maxValueErrorText = "Select {0:d} or before.";
@@ -193,7 +194,7 @@ export class MonthPickerComponent extends VDOM.Component {
          cursorQuarter: cursor.getMonth() / 3,
          column: "M",
          start: widget.startYear,
-         end: widget.startYear + widget.bufferSize,
+         end: Math.min(widget.startYear + widget.bufferSize, widget.endYear),
       };
 
       this.handleMouseDown = this.handleMouseDown.bind(this);
@@ -427,8 +428,9 @@ export class MonthPickerComponent extends VDOM.Component {
    }
 
    render() {
-      let { data, widget } = this.props.instance;
-      let { CSS, baseClass, startYear, endYear } = widget;
+      let { instance } = this.props;
+      let { data, widget } = instance;
+      let { CSS, baseClass, startYear, endYear, hideQuarters } = widget;
 
       let years = [];
 
@@ -512,24 +514,26 @@ export class MonthPickerComponent extends VDOM.Component {
                   </td>,
                );
             }
-            row.push(
-               <th
-                  key={`q${q}`}
-                  className={CSS.state({
-                     cursor:
-                        showCursor &&
-                        this.state.column == "Q" &&
-                        y == this.state.cursorYear &&
-                        q == this.state.cursorQuarter,
-                  })}
-                  data-point={`Y-${y}-Q-${q}`}
-                  onMouseEnter={this.handleMouseEnter}
-                  onMouseDown={this.handleMouseDown}
-                  onMouseUp={this.handleMouseUp}
-               >
-                  {`Q${q + 1}`}
-               </th>,
-            );
+
+            if (!hideQuarters)
+               row.push(
+                  <th
+                     key={`q${q}`}
+                     className={CSS.state({
+                        cursor:
+                           showCursor &&
+                           this.state.column == "Q" &&
+                           y == this.state.cursorYear &&
+                           q == this.state.cursorQuarter,
+                     })}
+                     data-point={`Y-${y}-Q-${q}`}
+                     onMouseEnter={this.handleMouseEnter}
+                     onMouseDown={this.handleMouseDown}
+                     onMouseUp={this.handleMouseUp}
+                  >
+                     {`Q${q + 1}`}
+                  </th>,
+               );
             rows.push(row);
          }
          years.push(rows);