@alfalab/core-components-date-input 4.1.0 → 4.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.js +8 -10
- package/cssm/Component.js +9 -11
- package/cssm/index.js +3 -5
- package/cssm/utils/format.d.ts +1 -1
- package/cssm/utils/format.js +7 -9
- package/cssm/utils/index.js +2 -4
- package/cssm/utils/native-supports.js +0 -2
- package/esm/Component.js +3 -3
- package/esm/index.css +4 -4
- package/esm/index.js +2 -2
- package/esm/utils/format.d.ts +1 -1
- package/esm/utils/index.js +2 -2
- package/index.css +4 -4
- package/index.js +2 -4
- package/modern/Component.js +3 -3
- package/modern/index.css +4 -4
- package/modern/index.js +3 -3
- package/modern/utils/format.d.ts +1 -1
- package/modern/utils/index.js +2 -2
- package/package.json +2 -2
- package/utils/format.d.ts +1 -1
- package/utils/format.js +7 -9
- package/utils/index.js +2 -4
- package/utils/native-supports.js +0 -2
package/Component.js
CHANGED
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var mergeRefs = require('react-merge-refs');
|
|
7
5
|
var coreComponentsInput = require('@alfalab/core-components-input');
|
|
6
|
+
var utils_format = require('./utils/format.js');
|
|
7
|
+
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
8
8
|
require('date-fns/format');
|
|
9
9
|
require('date-fns/isValid');
|
|
10
10
|
require('date-fns/parse');
|
|
11
|
-
var utils_format = require('./utils/format.js');
|
|
12
|
-
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
13
11
|
|
|
14
|
-
function
|
|
12
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
15
13
|
|
|
16
|
-
var React__default = /*#__PURE__*/
|
|
17
|
-
var mergeRefs__default = /*#__PURE__*/
|
|
14
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
|
+
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
18
16
|
|
|
19
17
|
/******************************************************************************
|
|
20
18
|
Copyright (c) Microsoft Corporation.
|
|
@@ -55,7 +53,7 @@ function __rest(s, e) {
|
|
|
55
53
|
return t;
|
|
56
54
|
}
|
|
57
55
|
|
|
58
|
-
var styles = {"nativeInput":"date-
|
|
56
|
+
var styles = {"nativeInput":"date-input__nativeInput_1p3y0"};
|
|
59
57
|
require('./index.css')
|
|
60
58
|
|
|
61
59
|
var DateInput = React.forwardRef(function (_a, ref) {
|
|
@@ -112,9 +110,9 @@ var DateInput = React.forwardRef(function (_a, ref) {
|
|
|
112
110
|
}
|
|
113
111
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
114
112
|
}, [propValue]);
|
|
115
|
-
return (React__default
|
|
113
|
+
return (React__default.default.createElement(coreComponentsInput.Input, __assign({}, restProps, { ref: mergeRefs__default.default([ref, inputRef]), value: value, inputMode: 'decimal', pattern: '[0-9\\.]*', onChange: handleChange, onBlur: handleBlur, placeholder: '\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
|
|
116
114
|
rightAddons,
|
|
117
|
-
shouldRenderNative && (React__default
|
|
115
|
+
shouldRenderNative && (React__default.default.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles.nativeInput }))) })));
|
|
118
116
|
});
|
|
119
117
|
|
|
120
118
|
exports.DateInput = DateInput;
|
package/cssm/Component.js
CHANGED
|
@@ -1,22 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var React = require('react');
|
|
6
4
|
var mergeRefs = require('react-merge-refs');
|
|
7
5
|
var coreComponentsInput = require('@alfalab/core-components-input/cssm');
|
|
8
|
-
require('date-fns/format');
|
|
9
|
-
require('date-fns/isValid');
|
|
10
|
-
require('date-fns/parse');
|
|
11
6
|
var utils_format = require('./utils/format.js');
|
|
12
7
|
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
13
8
|
var styles = require('./index.module.css');
|
|
9
|
+
require('date-fns/format');
|
|
10
|
+
require('date-fns/isValid');
|
|
11
|
+
require('date-fns/parse');
|
|
14
12
|
|
|
15
|
-
function
|
|
13
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
16
14
|
|
|
17
|
-
var React__default = /*#__PURE__*/
|
|
18
|
-
var mergeRefs__default = /*#__PURE__*/
|
|
19
|
-
var styles__default = /*#__PURE__*/
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
|
+
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
17
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
20
18
|
|
|
21
19
|
/******************************************************************************
|
|
22
20
|
Copyright (c) Microsoft Corporation.
|
|
@@ -111,9 +109,9 @@ var DateInput = React.forwardRef(function (_a, ref) {
|
|
|
111
109
|
}
|
|
112
110
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
113
111
|
}, [propValue]);
|
|
114
|
-
return (React__default
|
|
112
|
+
return (React__default.default.createElement(coreComponentsInput.Input, __assign({}, restProps, { ref: mergeRefs__default.default([ref, inputRef]), value: value, inputMode: 'decimal', pattern: '[0-9\\.]*', onChange: handleChange, onBlur: handleBlur, placeholder: '\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
|
|
115
113
|
rightAddons,
|
|
116
|
-
shouldRenderNative && (React__default
|
|
114
|
+
shouldRenderNative && (React__default.default.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles__default.default.nativeInput }))) })));
|
|
117
115
|
});
|
|
118
116
|
|
|
119
117
|
exports.DateInput = DateInput;
|
package/cssm/index.js
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var Component = require('./Component.js');
|
|
4
|
+
var utils_format = require('./utils/format.js');
|
|
5
|
+
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-merge-refs');
|
|
8
8
|
require('@alfalab/core-components-input/cssm');
|
|
9
|
+
require('./index.module.css');
|
|
9
10
|
require('date-fns/format');
|
|
10
11
|
require('date-fns/isValid');
|
|
11
12
|
require('date-fns/parse');
|
|
12
|
-
var utils_format = require('./utils/format.js');
|
|
13
|
-
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
14
|
-
require('./index.module.css');
|
|
15
13
|
|
|
16
14
|
|
|
17
15
|
|
package/cssm/utils/format.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ declare const DATE_MASK: (string | RegExp)[];
|
|
|
4
4
|
declare const isCompleteDateInput: (input: string) => boolean;
|
|
5
5
|
declare const formatDate: (date: Date | number, dateFormat?: string) => string;
|
|
6
6
|
declare const parseDateString: (value: string, dateFormat?: string) => Date;
|
|
7
|
-
declare const isValid: (inputValue?: string
|
|
7
|
+
declare const isValid: (inputValue?: string) => boolean;
|
|
8
8
|
declare const format: (value: string) => string;
|
|
9
9
|
export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString, isValid, format };
|
package/cssm/utils/format.js
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var dateFnsFormat = require('date-fns/format');
|
|
6
4
|
var dateFnsIsValid = require('date-fns/isValid');
|
|
7
5
|
var parse = require('date-fns/parse');
|
|
8
6
|
|
|
9
|
-
function
|
|
7
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
8
|
|
|
11
|
-
var dateFnsFormat__default = /*#__PURE__*/
|
|
12
|
-
var dateFnsIsValid__default = /*#__PURE__*/
|
|
13
|
-
var parse__default = /*#__PURE__*/
|
|
9
|
+
var dateFnsFormat__default = /*#__PURE__*/_interopDefaultCompat(dateFnsFormat);
|
|
10
|
+
var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
|
|
11
|
+
var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
|
|
14
12
|
|
|
15
13
|
var DATE_FORMAT = 'dd.MM.yyyy';
|
|
16
14
|
var NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
|
|
@@ -18,14 +16,14 @@ var DATE_MASK = [/\d/, /\d/, '.', /\d/, /\d/, '.', /\d/, /\d/, /\d/, /\d/];
|
|
|
18
16
|
var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
|
|
19
17
|
var formatDate = function (date, dateFormat) {
|
|
20
18
|
if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
|
|
21
|
-
return dateFnsFormat__default
|
|
19
|
+
return dateFnsFormat__default.default(date, dateFormat);
|
|
22
20
|
};
|
|
23
21
|
var parseDateString = function (value, dateFormat) {
|
|
24
22
|
if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
|
|
25
|
-
return parse__default
|
|
23
|
+
return parse__default.default(value, dateFormat, new Date());
|
|
26
24
|
};
|
|
27
25
|
var isValid = function (inputValue) {
|
|
28
|
-
return !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid__default
|
|
26
|
+
return !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid__default.default(parseDateString(inputValue)));
|
|
29
27
|
};
|
|
30
28
|
var format = function (value) {
|
|
31
29
|
return value
|
package/cssm/utils/index.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var utils_format = require('./format.js');
|
|
4
|
+
var utils_nativeSupports = require('./native-supports.js');
|
|
5
5
|
require('date-fns/format');
|
|
6
6
|
require('date-fns/isValid');
|
|
7
7
|
require('date-fns/parse');
|
|
8
|
-
var utils_format = require('./format.js');
|
|
9
|
-
var utils_nativeSupports = require('./native-supports.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|
package/esm/Component.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
|
|
2
2
|
import mergeRefs from 'react-merge-refs';
|
|
3
3
|
import { Input } from '@alfalab/core-components-input/esm';
|
|
4
|
+
import { format, parseDateString, isCompleteDateInput, isValid, formatDate, NATIVE_DATE_FORMAT } from './utils/format.js';
|
|
5
|
+
import { isInputDateSupported } from './utils/native-supports.js';
|
|
4
6
|
import 'date-fns/format';
|
|
5
7
|
import 'date-fns/isValid';
|
|
6
8
|
import 'date-fns/parse';
|
|
7
|
-
import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
|
|
8
|
-
import { isInputDateSupported } from './utils/native-supports.js';
|
|
9
9
|
|
|
10
10
|
/******************************************************************************
|
|
11
11
|
Copyright (c) Microsoft Corporation.
|
|
@@ -46,7 +46,7 @@ function __rest(s, e) {
|
|
|
46
46
|
return t;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
var styles = {"nativeInput":"date-
|
|
49
|
+
var styles = {"nativeInput":"date-input__nativeInput_1p3y0"};
|
|
50
50
|
require('./index.css')
|
|
51
51
|
|
|
52
52
|
var DateInput = forwardRef(function (_a, ref) {
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: hh0kc */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
/* Hard up */
|
|
9
9
|
}
|
|
10
|
-
.date-
|
|
10
|
+
.date-input__nativeInput_1p3y0 {
|
|
11
11
|
opacity: 0;
|
|
12
12
|
position: absolute;
|
|
13
13
|
top: 0;
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
appearance: none;
|
|
19
19
|
z-index: 1
|
|
20
20
|
}
|
|
21
|
-
.date-
|
|
21
|
+
.date-input__nativeInput_1p3y0::-webkit-calendar-picker-indicator {
|
|
22
22
|
display: none;
|
|
23
23
|
}
|
|
24
|
-
.date-
|
|
24
|
+
.date-input__nativeInput_1p3y0::-webkit-inner-spin-button {
|
|
25
25
|
display: none;
|
|
26
26
|
}
|
package/esm/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export { DateInput } from './Component.js';
|
|
2
|
+
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
|
|
3
|
+
export { isInputDateSupported } from './utils/native-supports.js';
|
|
2
4
|
import 'react';
|
|
3
5
|
import 'react-merge-refs';
|
|
4
6
|
import '@alfalab/core-components-input/esm';
|
|
5
7
|
import 'date-fns/format';
|
|
6
8
|
import 'date-fns/isValid';
|
|
7
9
|
import 'date-fns/parse';
|
|
8
|
-
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
|
|
9
|
-
export { isInputDateSupported } from './utils/native-supports.js';
|
package/esm/utils/format.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ declare const DATE_MASK: (string | RegExp)[];
|
|
|
4
4
|
declare const isCompleteDateInput: (input: string) => boolean;
|
|
5
5
|
declare const formatDate: (date: Date | number, dateFormat?: string) => string;
|
|
6
6
|
declare const parseDateString: (value: string, dateFormat?: string) => Date;
|
|
7
|
-
declare const isValid: (inputValue?: string
|
|
7
|
+
declare const isValid: (inputValue?: string) => boolean;
|
|
8
8
|
declare const format: (value: string) => string;
|
|
9
9
|
export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString, isValid, format };
|
package/esm/utils/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
|
|
2
|
+
export { isInputDateSupported } from './native-supports.js';
|
|
1
3
|
import 'date-fns/format';
|
|
2
4
|
import 'date-fns/isValid';
|
|
3
5
|
import 'date-fns/parse';
|
|
4
|
-
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
|
|
5
|
-
export { isInputDateSupported } from './native-supports.js';
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: hh0kc */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
/* Hard up */
|
|
9
9
|
}
|
|
10
|
-
.date-
|
|
10
|
+
.date-input__nativeInput_1p3y0 {
|
|
11
11
|
opacity: 0;
|
|
12
12
|
position: absolute;
|
|
13
13
|
top: 0;
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
appearance: none;
|
|
19
19
|
z-index: 1
|
|
20
20
|
}
|
|
21
|
-
.date-
|
|
21
|
+
.date-input__nativeInput_1p3y0::-webkit-calendar-picker-indicator {
|
|
22
22
|
display: none;
|
|
23
23
|
}
|
|
24
|
-
.date-
|
|
24
|
+
.date-input__nativeInput_1p3y0::-webkit-inner-spin-button {
|
|
25
25
|
display: none;
|
|
26
26
|
}
|
package/index.js
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var Component = require('./Component.js');
|
|
4
|
+
var utils_format = require('./utils/format.js');
|
|
5
|
+
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-merge-refs');
|
|
8
8
|
require('@alfalab/core-components-input');
|
|
9
9
|
require('date-fns/format');
|
|
10
10
|
require('date-fns/isValid');
|
|
11
11
|
require('date-fns/parse');
|
|
12
|
-
var utils_format = require('./utils/format.js');
|
|
13
|
-
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
14
12
|
|
|
15
13
|
|
|
16
14
|
|
package/modern/Component.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
|
|
2
2
|
import mergeRefs from 'react-merge-refs';
|
|
3
3
|
import { Input } from '@alfalab/core-components-input/modern';
|
|
4
|
+
import { format, parseDateString, isCompleteDateInput, isValid, formatDate, NATIVE_DATE_FORMAT } from './utils/format.js';
|
|
5
|
+
import { isInputDateSupported } from './utils/native-supports.js';
|
|
4
6
|
import 'date-fns/format';
|
|
5
7
|
import 'date-fns/isValid';
|
|
6
8
|
import 'date-fns/parse';
|
|
7
|
-
import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
|
|
8
|
-
import { isInputDateSupported } from './utils/native-supports.js';
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const styles = {"nativeInput":"date-input__nativeInput_1p3y0"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: hh0kc */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
/* Hard up */
|
|
9
9
|
}
|
|
10
|
-
.date-
|
|
10
|
+
.date-input__nativeInput_1p3y0 {
|
|
11
11
|
opacity: 0;
|
|
12
12
|
position: absolute;
|
|
13
13
|
top: 0;
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
appearance: none;
|
|
19
19
|
z-index: 1
|
|
20
20
|
}
|
|
21
|
-
.date-
|
|
21
|
+
.date-input__nativeInput_1p3y0::-webkit-calendar-picker-indicator {
|
|
22
22
|
display: none;
|
|
23
23
|
}
|
|
24
|
-
.date-
|
|
24
|
+
.date-input__nativeInput_1p3y0::-webkit-inner-spin-button {
|
|
25
25
|
display: none;
|
|
26
26
|
}
|
package/modern/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
export { DateInput } from './Component.js';
|
|
2
|
+
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
|
|
3
|
+
export { isInputDateSupported } from './utils/native-supports.js';
|
|
1
4
|
import 'react';
|
|
2
5
|
import 'react-merge-refs';
|
|
3
6
|
import '@alfalab/core-components-input/modern';
|
|
4
7
|
import 'date-fns/format';
|
|
5
8
|
import 'date-fns/isValid';
|
|
6
9
|
import 'date-fns/parse';
|
|
7
|
-
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
|
|
8
|
-
export { isInputDateSupported } from './utils/native-supports.js';
|
|
9
|
-
export { DateInput } from './Component.js';
|
package/modern/utils/format.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ declare const DATE_MASK: (string | RegExp)[];
|
|
|
4
4
|
declare const isCompleteDateInput: (input: string) => boolean;
|
|
5
5
|
declare const formatDate: (date: Date | number, dateFormat?: string) => string;
|
|
6
6
|
declare const parseDateString: (value: string, dateFormat?: string) => Date;
|
|
7
|
-
declare const isValid: (inputValue?: string
|
|
7
|
+
declare const isValid: (inputValue?: string) => boolean;
|
|
8
8
|
declare const format: (value: string) => string;
|
|
9
9
|
export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString, isValid, format };
|
package/modern/utils/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
|
|
2
|
+
export { isInputDateSupported } from './native-supports.js';
|
|
1
3
|
import 'date-fns/format';
|
|
2
4
|
import 'date-fns/isValid';
|
|
3
5
|
import 'date-fns/parse';
|
|
4
|
-
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
|
|
5
|
-
export { isInputDateSupported } from './native-supports.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-date-input",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@alfalab/core-components-input": "^11.1.
|
|
20
|
+
"@alfalab/core-components-input": "^11.1.1",
|
|
21
21
|
"date-fns": "^2.16.1",
|
|
22
22
|
"react-merge-refs": "^1.1.0"
|
|
23
23
|
}
|
package/utils/format.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ declare const DATE_MASK: (string | RegExp)[];
|
|
|
4
4
|
declare const isCompleteDateInput: (input: string) => boolean;
|
|
5
5
|
declare const formatDate: (date: Date | number, dateFormat?: string) => string;
|
|
6
6
|
declare const parseDateString: (value: string, dateFormat?: string) => Date;
|
|
7
|
-
declare const isValid: (inputValue?: string
|
|
7
|
+
declare const isValid: (inputValue?: string) => boolean;
|
|
8
8
|
declare const format: (value: string) => string;
|
|
9
9
|
export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString, isValid, format };
|
package/utils/format.js
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var dateFnsFormat = require('date-fns/format');
|
|
6
4
|
var dateFnsIsValid = require('date-fns/isValid');
|
|
7
5
|
var parse = require('date-fns/parse');
|
|
8
6
|
|
|
9
|
-
function
|
|
7
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
8
|
|
|
11
|
-
var dateFnsFormat__default = /*#__PURE__*/
|
|
12
|
-
var dateFnsIsValid__default = /*#__PURE__*/
|
|
13
|
-
var parse__default = /*#__PURE__*/
|
|
9
|
+
var dateFnsFormat__default = /*#__PURE__*/_interopDefaultCompat(dateFnsFormat);
|
|
10
|
+
var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
|
|
11
|
+
var parse__default = /*#__PURE__*/_interopDefaultCompat(parse);
|
|
14
12
|
|
|
15
13
|
var DATE_FORMAT = 'dd.MM.yyyy';
|
|
16
14
|
var NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
|
|
@@ -18,14 +16,14 @@ var DATE_MASK = [/\d/, /\d/, '.', /\d/, /\d/, '.', /\d/, /\d/, /\d/, /\d/];
|
|
|
18
16
|
var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
|
|
19
17
|
var formatDate = function (date, dateFormat) {
|
|
20
18
|
if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
|
|
21
|
-
return dateFnsFormat__default
|
|
19
|
+
return dateFnsFormat__default.default(date, dateFormat);
|
|
22
20
|
};
|
|
23
21
|
var parseDateString = function (value, dateFormat) {
|
|
24
22
|
if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
|
|
25
|
-
return parse__default
|
|
23
|
+
return parse__default.default(value, dateFormat, new Date());
|
|
26
24
|
};
|
|
27
25
|
var isValid = function (inputValue) {
|
|
28
|
-
return !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid__default
|
|
26
|
+
return !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid__default.default(parseDateString(inputValue)));
|
|
29
27
|
};
|
|
30
28
|
var format = function (value) {
|
|
31
29
|
return value
|
package/utils/index.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var utils_format = require('./format.js');
|
|
4
|
+
var utils_nativeSupports = require('./native-supports.js');
|
|
5
5
|
require('date-fns/format');
|
|
6
6
|
require('date-fns/isValid');
|
|
7
7
|
require('date-fns/parse');
|
|
8
|
-
var utils_format = require('./format.js');
|
|
9
|
-
var utils_nativeSupports = require('./native-supports.js');
|
|
10
8
|
|
|
11
9
|
|
|
12
10
|
|