@gpa-gemstone/react-forms 1.1.49 → 1.1.50

package/lib/DatePicker.js

@@ -50,9 +50,10 @@ function DateTimePicker(props) {
     // Adds a buffer between the outside props and what the box is reading to prevent box overwriting every render with a keystroke
     var _c = React.useState(parse(props.Record).format(boxFormat)), boxRecord = _c[0], setBoxRecord = _c[1];
     var _d = React.useState(parse(props.Record)), pickerRecord = _d[0], setPickerRecord = _d[1];
-    var _e = React.useState(false), showOverlay = _e[0], setShowOverlay = _e[1];
-    var _f = React.useState(0), top = _f[0], setTop = _f[1];
-    var _g = React.useState(0), left = _g[0], setLeft = _g[1];
+    var _e = React.useState(""), feedbackMessage = _e[0], setFeedbackMessage = _e[1];
+    var _f = React.useState(false), showOverlay = _f[0], setShowOverlay = _f[1];
+    var _g = React.useState(0), top = _g[0], setTop = _g[1];
+    var _h = React.useState(0), left = _h[0], setLeft = _h[1];
     React.useEffect(function () {
         setGuid((0, helper_functions_1.CreateGuid)());
     }, []);
@@ -66,7 +67,22 @@ function DateTimePicker(props) {
         var _c;
         if (!recordChange.current)
             return;
-        var valid = moment(boxRecord, boxFormat).isValid();
+        var date = moment(boxRecord, boxFormat);
+        var validStartDate = moment("1753-01-01", "YYYY-MM-DD");
+        var valid = true;
+        // Invalid date format
+        if (!date.isValid()) {
+            setFeedbackMessage("Please enter a date as " + boxFormat);
+            valid = false;
+        }
+        // Date before 1753
+        else if (date.isBefore(validStartDate)) {
+            setFeedbackMessage("Date cannot be before " + validStartDate.format(boxFormat));
+            valid = false;
+        }
+        else {
+            setFeedbackMessage("");
+        }
         if (((_c = props.AllowEmpty) !== null && _c !== void 0 ? _c : false) && boxRecord.length === 0 && !valid && props.Record !== null)
             props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = null, _a)));
         if (valid && parse(props.Record).format(boxFormat) !== boxRecord)
@@ -134,10 +150,26 @@ function DateTimePicker(props) {
             return "YYYY-MM-DD";
         }
     }
+    function getFeedbackMessage() {
+        if (feedbackMessage.length != 0) {
+            return feedbackMessage;
+        }
+        else if (props.Feedback == null || props.Feedback.length == 0) {
+            return props.Field.toString();
+        }
+        else {
+            return props.Field.toString() + " is a required field.";
+        }
+    }
     var showLabel = props.Label !== "";
     var showHelpIcon = props.Help !== undefined;
     var label = props.Label === undefined ? props.Field : props.Label;
     var step = props.Accuracy === 'millisecond' ? '0.001' : (props.Accuracy === 'minute' ? '60' : '1');
+    var IsValid = function () {
+        if (feedbackMessage.length > 0)
+            return false;
+        return props.Valid(props.Field);
+    };
     return (React.createElement("div", { className: "form-group", ref: divRef },
         showHelpIcon || showLabel ?
             React.createElement("label", null,
@@ -155,12 +187,12 @@ function DateTimePicker(props) {
         showHelpIcon ?
             React.createElement(HelperMessage_1.default, { Show: showHelp, Target: guid }, props.Help)
             : null,
-        React.createElement("input", { "data-help": guid, className: "gpa-gemstone-datetime form-control" + (props.Valid(props.Field) ? '' : ' is-invalid'), type: props.Type === undefined ? 'date' : props.Type, onChange: function (evt) {
+        React.createElement("input", { "data-help": guid, className: "gpa-gemstone-datetime form-control " + (IsValid() ? '' : 'is-invalid'), type: props.Type === undefined ? 'date' : props.Type, onChange: function (evt) {
                 var _a;
                 setBoxRecord((_a = evt.target.value) !== null && _a !== void 0 ? _a : "");
                 recordChange.current = true;
             }, onFocus: function () { setShowOverlay(true); }, value: boxRecord, disabled: props.Disabled === undefined ? false : props.Disabled, onClick: function (e) { e.preventDefault(); }, step: step }),
-        React.createElement("div", { className: "invalid-feedback" }, props.Feedback == null ? props.Field.toString() + ' is a required field.' : props.Feedback),
+        React.createElement("div", { className: "invalid-feedback" }, getFeedbackMessage()),
         React.createElement(DateTimePopup_1.default, { Setter: function (d) { setPickerRecord(d); recordChange.current = true; if (props.Type === 'date')
                 setShowOverlay(false); }, Show: showOverlay, DateTime: pickerRecord, Valid: props.Valid(props.Field), Top: top, Center: left, Type: props.Type === undefined ? 'date' : props.Type, Accuracy: props.Accuracy })));
 }

package/lib/DateTimeUI/Calender.js

@@ -37,7 +37,7 @@ function Calender(props) {
     React.useEffect(function () {
         var d1 = moment([year, month, 1]).startOf('week');
         var w = [];
-        while (d1.month() <= month && d1.year() === year) {
+        while ((d1.month() <= month && d1.year() === year) || (d1.year() < year)) {
             w.push({
                 sunday: moment(d1),
                 monday: moment(d1).add(1, 'day'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-forms",
-  "version": "1.1.49",
+  "version": "1.1.50",
   "description": "React Form modules for gpa webapps",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",