@alfalab/core-components-date-input 3.1.5 → 4.0.0
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.d.ts +3 -3
- package/Component.js +4 -4
- package/cssm/Component.d.ts +3 -3
- package/cssm/Component.js +3 -3
- package/cssm/index.js +2 -2
- package/cssm/utils/format.d.ts +1 -1
- package/cssm/utils/format.js +2 -2
- package/cssm/utils/index.js +1 -1
- package/esm/Component.d.ts +3 -3
- package/esm/Component.js +4 -4
- package/esm/index.css +4 -4
- package/esm/index.js +2 -2
- package/esm/utils/format.d.ts +1 -1
- package/esm/utils/format.js +1 -1
- package/esm/utils/index.js +1 -1
- package/index.css +4 -4
- package/index.js +2 -2
- package/modern/Component.d.ts +3 -3
- package/modern/Component.js +5 -5
- package/modern/index.css +4 -4
- package/modern/index.js +2 -2
- package/modern/utils/format.d.ts +1 -1
- package/modern/utils/format.js +1 -1
- package/modern/utils/index.js +1 -1
- package/package.json +2 -2
- package/utils/format.d.ts +1 -1
- package/utils/format.js +2 -2
- package/utils/index.js +1 -1
package/Component.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ type DateInputProps = Omit<InputProps, 'onChange'> & {
|
|
|
22
22
|
value: string;
|
|
23
23
|
}) => void;
|
|
24
24
|
};
|
|
25
|
-
declare const DateInput: React.ForwardRefExoticComponent<
|
|
25
|
+
declare const DateInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
|
|
26
26
|
/**
|
|
27
27
|
* Управление нативным режимом на мобильных устройствах
|
|
28
28
|
*/
|
|
@@ -30,14 +30,14 @@ declare const DateInput: React.ForwardRefExoticComponent<Pick<InputProps, "class
|
|
|
30
30
|
/**
|
|
31
31
|
* Обработчик изменения значения
|
|
32
32
|
*/
|
|
33
|
-
onChange?: ((event:
|
|
33
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
34
34
|
date: Date;
|
|
35
35
|
value: string;
|
|
36
36
|
}) => void) | undefined;
|
|
37
37
|
/**
|
|
38
38
|
* Обработчик окончания ввода
|
|
39
39
|
*/
|
|
40
|
-
onComplete?: ((event:
|
|
40
|
+
onComplete?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
41
41
|
date: Date;
|
|
42
42
|
value: string;
|
|
43
43
|
}) => void) | undefined;
|
package/Component.js
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var coreComponentsInput = require('@alfalab/core-components-input');
|
|
7
6
|
var mergeRefs = require('react-merge-refs');
|
|
8
|
-
require('
|
|
7
|
+
var coreComponentsInput = require('@alfalab/core-components-input');
|
|
9
8
|
require('date-fns/format');
|
|
10
9
|
require('date-fns/isValid');
|
|
10
|
+
require('date-fns/parse');
|
|
11
11
|
var utils_format = require('./utils/format.js');
|
|
12
12
|
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
13
13
|
|
|
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
16
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
17
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
/******************************************************************************
|
|
20
20
|
Copyright (c) Microsoft Corporation.
|
|
21
21
|
|
|
22
22
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -55,7 +55,7 @@ function __rest(s, e) {
|
|
|
55
55
|
return t;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
var styles = {"nativeInput":"date-
|
|
58
|
+
var styles = {"nativeInput":"date-input__nativeInput_kiich"};
|
|
59
59
|
require('./index.css')
|
|
60
60
|
|
|
61
61
|
var DateInput = React.forwardRef(function (_a, ref) {
|
package/cssm/Component.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ type DateInputProps = Omit<InputProps, 'onChange'> & {
|
|
|
22
22
|
value: string;
|
|
23
23
|
}) => void;
|
|
24
24
|
};
|
|
25
|
-
declare const DateInput: React.ForwardRefExoticComponent<
|
|
25
|
+
declare const DateInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
|
|
26
26
|
/**
|
|
27
27
|
* Управление нативным режимом на мобильных устройствах
|
|
28
28
|
*/
|
|
@@ -30,14 +30,14 @@ declare const DateInput: React.ForwardRefExoticComponent<Pick<InputProps, "class
|
|
|
30
30
|
/**
|
|
31
31
|
* Обработчик изменения значения
|
|
32
32
|
*/
|
|
33
|
-
onChange?: ((event:
|
|
33
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
34
34
|
date: Date;
|
|
35
35
|
value: string;
|
|
36
36
|
}) => void) | undefined;
|
|
37
37
|
/**
|
|
38
38
|
* Обработчик окончания ввода
|
|
39
39
|
*/
|
|
40
|
-
onComplete?: ((event:
|
|
40
|
+
onComplete?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
41
41
|
date: Date;
|
|
42
42
|
value: string;
|
|
43
43
|
}) => void) | undefined;
|
package/cssm/Component.js
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var coreComponentsInput = require('@alfalab/core-components-input/cssm');
|
|
7
6
|
var mergeRefs = require('react-merge-refs');
|
|
8
|
-
require('
|
|
7
|
+
var coreComponentsInput = require('@alfalab/core-components-input/cssm');
|
|
9
8
|
require('date-fns/format');
|
|
10
9
|
require('date-fns/isValid');
|
|
10
|
+
require('date-fns/parse');
|
|
11
11
|
var utils_format = require('./utils/format.js');
|
|
12
12
|
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
13
13
|
var styles = require('./index.module.css');
|
|
@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
18
18
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
|
|
19
19
|
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
/******************************************************************************
|
|
22
22
|
Copyright (c) Microsoft Corporation.
|
|
23
23
|
|
|
24
24
|
Permission to use, copy, modify, and/or distribute this software for any
|
package/cssm/index.js
CHANGED
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var Component = require('./Component.js');
|
|
6
6
|
require('react');
|
|
7
|
-
require('@alfalab/core-components-input/cssm');
|
|
8
7
|
require('react-merge-refs');
|
|
9
|
-
require('
|
|
8
|
+
require('@alfalab/core-components-input/cssm');
|
|
10
9
|
require('date-fns/format');
|
|
11
10
|
require('date-fns/isValid');
|
|
11
|
+
require('date-fns/parse');
|
|
12
12
|
var utils_format = require('./utils/format.js');
|
|
13
13
|
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
14
14
|
require('./index.module.css');
|
package/cssm/utils/format.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ declare const DATE_FORMAT = "dd.MM.yyyy";
|
|
|
2
2
|
declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
|
|
3
3
|
declare const DATE_MASK: (string | RegExp)[];
|
|
4
4
|
declare const isCompleteDateInput: (input: string) => boolean;
|
|
5
|
-
declare const formatDate: (date:
|
|
5
|
+
declare const formatDate: (date: Date | number, dateFormat?: string) => string;
|
|
6
6
|
declare const parseDateString: (value: string, dateFormat?: string) => Date;
|
|
7
7
|
declare const isValid: (inputValue?: string | undefined) => boolean;
|
|
8
8
|
declare const format: (value: string) => string;
|
package/cssm/utils/format.js
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var parse = require('date-fns/parse');
|
|
6
5
|
var dateFnsFormat = require('date-fns/format');
|
|
7
6
|
var dateFnsIsValid = require('date-fns/isValid');
|
|
7
|
+
var parse = require('date-fns/parse');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
10
|
|
|
11
|
-
var parse__default = /*#__PURE__*/_interopDefaultLegacy(parse);
|
|
12
11
|
var dateFnsFormat__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsFormat);
|
|
13
12
|
var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsIsValid);
|
|
13
|
+
var parse__default = /*#__PURE__*/_interopDefaultLegacy(parse);
|
|
14
14
|
|
|
15
15
|
var DATE_FORMAT = 'dd.MM.yyyy';
|
|
16
16
|
var NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
|
package/cssm/utils/index.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('date-fns/parse');
|
|
6
5
|
require('date-fns/format');
|
|
7
6
|
require('date-fns/isValid');
|
|
7
|
+
require('date-fns/parse');
|
|
8
8
|
var utils_format = require('./format.js');
|
|
9
9
|
var utils_nativeSupports = require('./native-supports.js');
|
|
10
10
|
|
package/esm/Component.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ type DateInputProps = Omit<InputProps, 'onChange'> & {
|
|
|
22
22
|
value: string;
|
|
23
23
|
}) => void;
|
|
24
24
|
};
|
|
25
|
-
declare const DateInput: React.ForwardRefExoticComponent<
|
|
25
|
+
declare const DateInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
|
|
26
26
|
/**
|
|
27
27
|
* Управление нативным режимом на мобильных устройствах
|
|
28
28
|
*/
|
|
@@ -30,14 +30,14 @@ declare const DateInput: React.ForwardRefExoticComponent<Pick<InputProps, "dir"
|
|
|
30
30
|
/**
|
|
31
31
|
* Обработчик изменения значения
|
|
32
32
|
*/
|
|
33
|
-
onChange?: ((event:
|
|
33
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
34
34
|
date: Date;
|
|
35
35
|
value: string;
|
|
36
36
|
}) => void) | undefined;
|
|
37
37
|
/**
|
|
38
38
|
* Обработчик окончания ввода
|
|
39
39
|
*/
|
|
40
|
-
onComplete?: ((event:
|
|
40
|
+
onComplete?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
41
41
|
date: Date;
|
|
42
42
|
value: string;
|
|
43
43
|
}) => void) | undefined;
|
package/esm/Component.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
|
|
2
|
-
import { Input } from '@alfalab/core-components-input/esm';
|
|
3
2
|
import mergeRefs from 'react-merge-refs';
|
|
4
|
-
import '
|
|
3
|
+
import { Input } from '@alfalab/core-components-input/esm';
|
|
5
4
|
import 'date-fns/format';
|
|
6
5
|
import 'date-fns/isValid';
|
|
6
|
+
import 'date-fns/parse';
|
|
7
7
|
import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
|
|
8
8
|
import { isInputDateSupported } from './utils/native-supports.js';
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
/******************************************************************************
|
|
11
11
|
Copyright (c) Microsoft Corporation.
|
|
12
12
|
|
|
13
13
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -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_kiich"};
|
|
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: kbrxb */
|
|
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_kiich {
|
|
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_kiich::-webkit-calendar-picker-indicator {
|
|
22
22
|
display: none;
|
|
23
23
|
}
|
|
24
|
-
.date-
|
|
24
|
+
.date-input__nativeInput_kiich::-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
2
|
import 'react';
|
|
3
|
-
import '@alfalab/core-components-input/esm';
|
|
4
3
|
import 'react-merge-refs';
|
|
5
|
-
import '
|
|
4
|
+
import '@alfalab/core-components-input/esm';
|
|
6
5
|
import 'date-fns/format';
|
|
7
6
|
import 'date-fns/isValid';
|
|
7
|
+
import 'date-fns/parse';
|
|
8
8
|
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
|
|
9
9
|
export { isInputDateSupported } from './utils/native-supports.js';
|
package/esm/utils/format.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ declare const DATE_FORMAT = "dd.MM.yyyy";
|
|
|
2
2
|
declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
|
|
3
3
|
declare const DATE_MASK: (string | RegExp)[];
|
|
4
4
|
declare const isCompleteDateInput: (input: string) => boolean;
|
|
5
|
-
declare const formatDate: (date:
|
|
5
|
+
declare const formatDate: (date: Date | number, dateFormat?: string) => string;
|
|
6
6
|
declare const parseDateString: (value: string, dateFormat?: string) => Date;
|
|
7
7
|
declare const isValid: (inputValue?: string | undefined) => boolean;
|
|
8
8
|
declare const format: (value: string) => string;
|
package/esm/utils/format.js
CHANGED
package/esm/utils/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import 'date-fns/parse';
|
|
2
1
|
import 'date-fns/format';
|
|
3
2
|
import 'date-fns/isValid';
|
|
3
|
+
import 'date-fns/parse';
|
|
4
4
|
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
|
|
5
5
|
export { isInputDateSupported } from './native-supports.js';
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: kbrxb */
|
|
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_kiich {
|
|
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_kiich::-webkit-calendar-picker-indicator {
|
|
22
22
|
display: none;
|
|
23
23
|
}
|
|
24
|
-
.date-
|
|
24
|
+
.date-input__nativeInput_kiich::-webkit-inner-spin-button {
|
|
25
25
|
display: none;
|
|
26
26
|
}
|
package/index.js
CHANGED
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var Component = require('./Component.js');
|
|
6
6
|
require('react');
|
|
7
|
-
require('@alfalab/core-components-input');
|
|
8
7
|
require('react-merge-refs');
|
|
9
|
-
require('
|
|
8
|
+
require('@alfalab/core-components-input');
|
|
10
9
|
require('date-fns/format');
|
|
11
10
|
require('date-fns/isValid');
|
|
11
|
+
require('date-fns/parse');
|
|
12
12
|
var utils_format = require('./utils/format.js');
|
|
13
13
|
var utils_nativeSupports = require('./utils/native-supports.js');
|
|
14
14
|
|
package/modern/Component.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ type DateInputProps = Omit<InputProps, 'onChange'> & {
|
|
|
22
22
|
value: string;
|
|
23
23
|
}) => void;
|
|
24
24
|
};
|
|
25
|
-
declare const DateInput: React.ForwardRefExoticComponent<
|
|
25
|
+
declare const DateInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
|
|
26
26
|
/**
|
|
27
27
|
* Управление нативным режимом на мобильных устройствах
|
|
28
28
|
*/
|
|
@@ -30,14 +30,14 @@ declare const DateInput: React.ForwardRefExoticComponent<Pick<InputProps, "class
|
|
|
30
30
|
/**
|
|
31
31
|
* Обработчик изменения значения
|
|
32
32
|
*/
|
|
33
|
-
onChange?: ((event:
|
|
33
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
34
34
|
date: Date;
|
|
35
35
|
value: string;
|
|
36
36
|
}) => void) | undefined;
|
|
37
37
|
/**
|
|
38
38
|
* Обработчик окончания ввода
|
|
39
39
|
*/
|
|
40
|
-
onComplete?: ((event:
|
|
40
|
+
onComplete?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
41
41
|
date: Date;
|
|
42
42
|
value: string;
|
|
43
43
|
}) => void) | undefined;
|
package/modern/Component.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
|
|
2
|
-
import { Input } from '@alfalab/core-components-input/modern';
|
|
3
2
|
import mergeRefs from 'react-merge-refs';
|
|
4
|
-
import '
|
|
3
|
+
import { Input } from '@alfalab/core-components-input/modern';
|
|
5
4
|
import 'date-fns/format';
|
|
6
5
|
import 'date-fns/isValid';
|
|
6
|
+
import 'date-fns/parse';
|
|
7
7
|
import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
|
|
8
8
|
import { isInputDateSupported } from './utils/native-supports.js';
|
|
9
9
|
|
|
10
|
-
var styles = {"nativeInput":"date-
|
|
10
|
+
var styles = {"nativeInput":"date-input__nativeInput_kiich"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {
|
|
@@ -63,9 +63,9 @@ const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAd
|
|
|
63
63
|
}
|
|
64
64
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
65
65
|
}, [propValue]);
|
|
66
|
-
return (React.createElement(Input,
|
|
66
|
+
return (React.createElement(Input, { ...restProps, ref: mergeRefs([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.createElement(React.Fragment, null,
|
|
67
67
|
rightAddons,
|
|
68
|
-
shouldRenderNative && (React.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles.nativeInput }))) }))
|
|
68
|
+
shouldRenderNative && (React.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles.nativeInput }))) }));
|
|
69
69
|
});
|
|
70
70
|
|
|
71
71
|
export { DateInput };
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: kbrxb */
|
|
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_kiich {
|
|
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_kiich::-webkit-calendar-picker-indicator {
|
|
22
22
|
display: none;
|
|
23
23
|
}
|
|
24
|
-
.date-
|
|
24
|
+
.date-input__nativeInput_kiich::-webkit-inner-spin-button {
|
|
25
25
|
display: none;
|
|
26
26
|
}
|
package/modern/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import '@alfalab/core-components-input/modern';
|
|
3
2
|
import 'react-merge-refs';
|
|
4
|
-
import '
|
|
3
|
+
import '@alfalab/core-components-input/modern';
|
|
5
4
|
import 'date-fns/format';
|
|
6
5
|
import 'date-fns/isValid';
|
|
6
|
+
import 'date-fns/parse';
|
|
7
7
|
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
|
|
8
8
|
export { isInputDateSupported } from './utils/native-supports.js';
|
|
9
9
|
export { DateInput } from './Component.js';
|
package/modern/utils/format.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ declare const DATE_FORMAT = "dd.MM.yyyy";
|
|
|
2
2
|
declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
|
|
3
3
|
declare const DATE_MASK: (string | RegExp)[];
|
|
4
4
|
declare const isCompleteDateInput: (input: string) => boolean;
|
|
5
|
-
declare const formatDate: (date:
|
|
5
|
+
declare const formatDate: (date: Date | number, dateFormat?: string) => string;
|
|
6
6
|
declare const parseDateString: (value: string, dateFormat?: string) => Date;
|
|
7
7
|
declare const isValid: (inputValue?: string | undefined) => boolean;
|
|
8
8
|
declare const format: (value: string) => string;
|
package/modern/utils/format.js
CHANGED
package/modern/utils/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import 'date-fns/parse';
|
|
2
1
|
import 'date-fns/format';
|
|
3
2
|
import 'date-fns/isValid';
|
|
3
|
+
import 'date-fns/parse';
|
|
4
4
|
export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
|
|
5
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": "
|
|
3
|
+
"version": "4.0.0",
|
|
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": "^
|
|
20
|
+
"@alfalab/core-components-input": "^11.0.0",
|
|
21
21
|
"date-fns": "^2.16.1",
|
|
22
22
|
"react-merge-refs": "^1.1.0"
|
|
23
23
|
}
|
package/utils/format.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ declare const DATE_FORMAT = "dd.MM.yyyy";
|
|
|
2
2
|
declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
|
|
3
3
|
declare const DATE_MASK: (string | RegExp)[];
|
|
4
4
|
declare const isCompleteDateInput: (input: string) => boolean;
|
|
5
|
-
declare const formatDate: (date:
|
|
5
|
+
declare const formatDate: (date: Date | number, dateFormat?: string) => string;
|
|
6
6
|
declare const parseDateString: (value: string, dateFormat?: string) => Date;
|
|
7
7
|
declare const isValid: (inputValue?: string | undefined) => boolean;
|
|
8
8
|
declare const format: (value: string) => string;
|
package/utils/format.js
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var parse = require('date-fns/parse');
|
|
6
5
|
var dateFnsFormat = require('date-fns/format');
|
|
7
6
|
var dateFnsIsValid = require('date-fns/isValid');
|
|
7
|
+
var parse = require('date-fns/parse');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
10
|
|
|
11
|
-
var parse__default = /*#__PURE__*/_interopDefaultLegacy(parse);
|
|
12
11
|
var dateFnsFormat__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsFormat);
|
|
13
12
|
var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsIsValid);
|
|
13
|
+
var parse__default = /*#__PURE__*/_interopDefaultLegacy(parse);
|
|
14
14
|
|
|
15
15
|
var DATE_FORMAT = 'dd.MM.yyyy';
|
|
16
16
|
var NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
|
package/utils/index.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('date-fns/parse');
|
|
6
5
|
require('date-fns/format');
|
|
7
6
|
require('date-fns/isValid');
|
|
7
|
+
require('date-fns/parse');
|
|
8
8
|
var utils_format = require('./format.js');
|
|
9
9
|
var utils_nativeSupports = require('./native-supports.js');
|
|
10
10
|
|