@dvrd/dvr-controls 1.1.19 → 1.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dvrd/dvr-controls",
-  "version": "1.1.19",
+  "version": "1.1.21",
   "description": "Custom web controls",
   "main": "index.ts",
   "files": [
@@ -25,7 +25,7 @@
     ]
   },
   "dependencies": {
-    "@dvrd/idate": "^2.0.0",
+    "@dvrd/idate": "*",
     "@fortawesome/fontawesome-svg-core": "*",
     "@fortawesome/free-brands-svg-icons": "*",
     "@fortawesome/free-regular-svg-icons": "*",

package/src/js/date/dvrdDatePicker.tsx

@@ -141,7 +141,7 @@ interface DatePickerProps {
 function DatePicker(props: DatePickerProps) {
     const {min, max, alwaysShowArrows, open, onClose, value, onChange} = props;
     const divRef = useRef<HTMLDivElement>(null);
-    const pickerValue = useMemo(() => new IDate(value), [value]);
+    const pickerValue = useMemo(() => value?.clone() ?? IDate.now(), [value]);
     const [padBeforeDays, days, padAfterDays] = useMemo(() => {
         const daysInMonth = pickerValue.daysInMonth();
         const days: number[] = [];
@@ -452,7 +452,7 @@ interface TimePickerProps {
 
 function TimePicker(props: TimePickerProps) {
     const {onChange, value, open, onClose, timeMode, closeOnChange} = props;
-    const internalValue = useRef<IDate>(value ?? new IDate('00:00:00', 'HH:mm:ss'));
+    const internalValue = useRef<IDate>(value ?? new IDate('00:00:00', {dateFormat: 'HH:mm:ss', generative: true}));
 
     function onClickNow() {
         internalValue.current = IDate.now();
@@ -500,7 +500,7 @@ function TimePicker(props: TimePickerProps) {
     }
 
     function renderTimeSwiper(key: 'hour' | 'minute' | 'second') {
-        const _value = value ?? new IDate('00:00:00', 'HH:mm:ss');
+        const _value = value ?? new IDate('00:00:00', {dateFormat: 'HH:mm:ss'});
         let timeValue: number, numSlides: number;
         if (key === 'hour') {
             timeValue = _value.hours();

package/src/js/input/date/dateField.tsx

@@ -301,10 +301,10 @@ export default class DateField extends PureComponent<Props, State> {
         const {value, dateType} = this.props;
         if (value.length) {
             if (dateType === DateType.DATE)
-                return new IDate(value, 'DD-MM-YYYY');
+                return new IDate(value, {dateFormat: 'DD-MM-YYYY'});
             if (dateType === DateType.DATETIME)
-                return new IDate(value, 'DD-MM-YYYY HH:mm');
-            return new IDate(value, 'HH:mm');
+                return new IDate(value, {dateFormat: 'DD-MM-YYYY HH:mm'});
+            return new IDate(value, {dateFormat: 'HH:mm'});
         }
         return null;
     };

package/src/js/input/date/dateFieldController.tsx

@@ -152,9 +152,9 @@ export default class DateFieldController<T extends IDateValue> extends PureCompo
         // Only call onChange when the date is validly (only containing numbers)
         if (!/[a-zA-Z]/.test(value)) {
             let momentValue: IDate;
-            if (dateType === DateType.DATE) momentValue = new IDate(value, 'DD-MM-YYYY');
-            else if (dateType === DateType.TIME) momentValue = new IDate(value, 'HH:mm');
-            else momentValue = new IDate(value, 'DD-MM-YYYY HH:mm');
+            if (dateType === DateType.DATE) momentValue = new IDate(value, {dateFormat: 'DD-MM-YYYY'});
+            else if (dateType === DateType.TIME) momentValue = new IDate(value, {dateFormat: 'HH:mm'});
+            else momentValue = new IDate(value, {dateFormat: 'DD-MM-YYYY HH:mm'});
             switch (returnType) {
                 case DateReturnType.STRING:
                     switch (dateType) {

package/src/js/input/date/input/dateInput.tsx

@@ -173,7 +173,7 @@ export default class DateInput extends PureComponent<Props, State> {
                 'DD-MM-YYYY HH:mm' : 'HH:mm';
         if (indexes.length >= format.length) {
             const stringValue = this.getStringValue(format.length);
-            momentValue = new IDate(stringValue, format);
+            momentValue = new IDate(stringValue, {dateFormat: format});
             if (!/[a-zA-Z]/.test(stringValue) && momentValue.isValid()) onChange(momentValue);
         }
     };