@alfalab/core-components-date-time-input 3.1.12 → 3.1.13

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.
@@ -135,6 +135,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
135
135
  open: boolean;
136
136
  title?: string | undefined;
137
137
  onClose?: (() => void) | undefined;
138
+ onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
138
139
  yearsAmount?: number | undefined;
139
140
  hasHeader?: boolean | undefined;
140
141
  allowSelectionFromEmptyRange?: boolean | undefined;
@@ -22,7 +22,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
22
22
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
23
23
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
24
24
 
25
- var styles = {"component":"date-time-input__component_vgjp0","calendarContainer":"date-time-input__calendarContainer_vgjp0","calendarResponsive":"date-time-input__calendarResponsive_vgjp0","block":"date-time-input__block_vgjp0","calendarIcon":"date-time-input__calendarIcon_vgjp0"};
25
+ var styles = {"component":"date-time-input__component_x99ji","calendarContainer":"date-time-input__calendarContainer_x99ji","calendarResponsive":"date-time-input__calendarResponsive_x99ji","block":"date-time-input__block_x99ji","calendarIcon":"date-time-input__calendarIcon_x99ji"};
26
26
  require('./index.css')
27
27
 
28
28
  /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -1,4 +1,4 @@
1
- /* hash: 1scf6 */
1
+ /* hash: 1evyn */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
41
41
  /* marker */
42
42
  } :root {
43
43
  --calendar-popover-border-radius: var(--border-radius-m);
44
- } .date-time-input__component_vgjp0 {
44
+ } .date-time-input__component_x99ji {
45
45
  display: inline-block;
46
46
  outline: none;
47
47
  position: relative;
48
- } .date-time-input__calendarContainer_vgjp0 {
48
+ } .date-time-input__calendarContainer_x99ji {
49
49
  display: inline-block;
50
50
  box-sizing: border-box;
51
51
  border-radius: var(--calendar-popover-border-radius);
52
52
  border: 1px solid var(--color-light-border-secondary)
53
- } @media (max-width: 374px) { .date-time-input__calendarContainer_vgjp0 {
53
+ } @media (max-width: 374px) { .date-time-input__calendarContainer_x99ji {
54
54
  width: 100%;
55
55
  min-width: 288px
56
56
  }
57
- } .date-time-input__calendarResponsive_vgjp0 {
57
+ } .date-time-input__calendarResponsive_x99ji {
58
58
  width: var(--calendar-width);
59
- } .date-time-input__block_vgjp0 {
59
+ } .date-time-input__block_x99ji {
60
60
  width: 100%;
61
- } .date-time-input__calendarIcon_vgjp0 {
61
+ } .date-time-input__calendarIcon_x99ji {
62
62
  margin-right: var(--gap-s-neg);
63
63
  height: 100%;
64
64
  }
@@ -135,6 +135,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
135
135
  open: boolean;
136
136
  title?: string | undefined;
137
137
  onClose?: (() => void) | undefined;
138
+ onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
138
139
  yearsAmount?: number | undefined;
139
140
  hasHeader?: boolean | undefined;
140
141
  allowSelectionFromEmptyRange?: boolean | undefined;
@@ -135,6 +135,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
135
135
  open: boolean;
136
136
  title?: string | undefined;
137
137
  onClose?: (() => void) | undefined;
138
+ onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
138
139
  yearsAmount?: number | undefined;
139
140
  hasHeader?: boolean | undefined;
140
141
  allowSelectionFromEmptyRange?: boolean | undefined;
@@ -12,7 +12,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
12
12
  import 'date-fns/isValid';
13
13
  import 'date-fns/parse';
14
14
 
15
- var styles = {"component":"date-time-input__component_vgjp0","calendarContainer":"date-time-input__calendarContainer_vgjp0","calendarResponsive":"date-time-input__calendarResponsive_vgjp0","block":"date-time-input__block_vgjp0","calendarIcon":"date-time-input__calendarIcon_vgjp0"};
15
+ var styles = {"component":"date-time-input__component_x99ji","calendarContainer":"date-time-input__calendarContainer_x99ji","calendarResponsive":"date-time-input__calendarResponsive_x99ji","block":"date-time-input__block_x99ji","calendarIcon":"date-time-input__calendarIcon_x99ji"};
16
16
  require('./index.css')
17
17
 
18
18
  /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -1,4 +1,4 @@
1
- /* hash: 1scf6 */
1
+ /* hash: 1evyn */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
41
41
  /* marker */
42
42
  } :root {
43
43
  --calendar-popover-border-radius: var(--border-radius-m);
44
- } .date-time-input__component_vgjp0 {
44
+ } .date-time-input__component_x99ji {
45
45
  display: inline-block;
46
46
  outline: none;
47
47
  position: relative;
48
- } .date-time-input__calendarContainer_vgjp0 {
48
+ } .date-time-input__calendarContainer_x99ji {
49
49
  display: inline-block;
50
50
  box-sizing: border-box;
51
51
  border-radius: var(--calendar-popover-border-radius);
52
52
  border: 1px solid var(--color-light-border-secondary)
53
- } @media (max-width: 374px) { .date-time-input__calendarContainer_vgjp0 {
53
+ } @media (max-width: 374px) { .date-time-input__calendarContainer_x99ji {
54
54
  width: 100%;
55
55
  min-width: 288px
56
56
  }
57
- } .date-time-input__calendarResponsive_vgjp0 {
57
+ } .date-time-input__calendarResponsive_x99ji {
58
58
  width: var(--calendar-width);
59
- } .date-time-input__block_vgjp0 {
59
+ } .date-time-input__block_x99ji {
60
60
  width: 100%;
61
- } .date-time-input__calendarIcon_vgjp0 {
61
+ } .date-time-input__calendarIcon_x99ji {
62
62
  margin-right: var(--gap-s-neg);
63
63
  height: 100%;
64
64
  }
@@ -135,6 +135,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
135
135
  open: boolean;
136
136
  title?: string | undefined;
137
137
  onClose?: (() => void) | undefined;
138
+ onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
138
139
  yearsAmount?: number | undefined;
139
140
  hasHeader?: boolean | undefined;
140
141
  allowSelectionFromEmptyRange?: boolean | undefined;
@@ -11,7 +11,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
11
11
  import 'date-fns/isValid';
12
12
  import 'date-fns/parse';
13
13
 
14
- const styles = {"component":"date-time-input__component_vgjp0","calendarContainer":"date-time-input__calendarContainer_vgjp0","calendarResponsive":"date-time-input__calendarResponsive_vgjp0","block":"date-time-input__block_vgjp0","calendarIcon":"date-time-input__calendarIcon_vgjp0"};
14
+ const styles = {"component":"date-time-input__component_x99ji","calendarContainer":"date-time-input__calendarContainer_x99ji","calendarResponsive":"date-time-input__calendarResponsive_x99ji","block":"date-time-input__block_x99ji","calendarIcon":"date-time-input__calendarIcon_x99ji"};
15
15
  require('./index.css')
16
16
 
17
17
  /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -1,4 +1,4 @@
1
- /* hash: 1scf6 */
1
+ /* hash: 1evyn */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
41
41
  /* marker */
42
42
  } :root {
43
43
  --calendar-popover-border-radius: var(--border-radius-m);
44
- } .date-time-input__component_vgjp0 {
44
+ } .date-time-input__component_x99ji {
45
45
  display: inline-block;
46
46
  outline: none;
47
47
  position: relative;
48
- } .date-time-input__calendarContainer_vgjp0 {
48
+ } .date-time-input__calendarContainer_x99ji {
49
49
  display: inline-block;
50
50
  box-sizing: border-box;
51
51
  border-radius: var(--calendar-popover-border-radius);
52
52
  border: 1px solid var(--color-light-border-secondary)
53
- } @media (max-width: 374px) { .date-time-input__calendarContainer_vgjp0 {
53
+ } @media (max-width: 374px) { .date-time-input__calendarContainer_x99ji {
54
54
  width: 100%;
55
55
  min-width: 288px
56
56
  }
57
- } .date-time-input__calendarResponsive_vgjp0 {
57
+ } .date-time-input__calendarResponsive_x99ji {
58
58
  width: var(--calendar-width);
59
- } .date-time-input__block_vgjp0 {
59
+ } .date-time-input__block_x99ji {
60
60
  width: 100%;
61
- } .date-time-input__calendarIcon_vgjp0 {
61
+ } .date-time-input__calendarIcon_x99ji {
62
62
  margin-right: var(--gap-s-neg);
63
63
  height: 100%;
64
64
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-date-time-input",
3
- "version": "3.1.12",
3
+ "version": "3.1.13",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,7 +15,7 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-calendar": "^6.5.2",
18
+ "@alfalab/core-components-calendar": "^6.6.0",
19
19
  "@alfalab/core-components-input": "^11.1.17",
20
20
  "@alfalab/core-components-icon-button": "^6.1.2",
21
21
  "@alfalab/core-components-popover": "^6.0.8",