@aarhus-university/au-lib-react-components 10.20.0 → 10.20.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.
Files changed (2) hide show
  1. package/package.json +2 -2
  2. package/src/components/AUDatepickerComponent.tsx +6 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "sideEffects": false,
3
3
  "name": "@aarhus-university/au-lib-react-components",
4
- "version": "10.20.0",
4
+ "version": "10.20.1",
5
5
  "description": "Library for shared React components for various applications on au.dk",
6
6
  "scripts": {
7
7
  "test": "jest",
@@ -73,7 +73,7 @@
73
73
  },
74
74
  "dependencies": {
75
75
  "@aarhus-university/au-designsystem-delphinus": "0.30.1",
76
- "@aarhus-university/types": "0.13.5",
76
+ "@aarhus-university/types": "0.13.6",
77
77
  "@reduxjs/toolkit": "^1.8.3",
78
78
  "@types/google.analytics": "^0.0.42",
79
79
  "@types/history": "^5.0.0",
package/src/components/AUDatepickerComponent.tsx CHANGED
@@ -20,6 +20,7 @@ const AUDatepickerComponent: FC<AUDatepickerComponentProps> = ({
20
20
  limitStart,
21
21
  limitEnd,
22
22
  disabled,
23
+ sideBySideGrowth,
23
24
  }: AUDatepickerComponentProps) => {
24
25
  const [showCalendar, setShowCalendar] = useState(false);
25
26
  const [sDate, setDate] = useState<Date>(date as Date);
@@ -43,6 +44,10 @@ const AUDatepickerComponent: FC<AUDatepickerComponentProps> = ({
43
44
  className = `${className} visually-disabled`;
44
45
  }
45
46
 
47
+ if (typeof sideBySideGrowth !== 'undefined' && sideBySideGrowth > 0) {
48
+ className = `${className} form__field--width-relative-${sideBySideGrowth}`;
49
+ }
50
+
46
51
  return (
47
52
  <div
48
53
  className="datepicker"
@@ -111,6 +116,7 @@ AUDatepickerComponent.defaultProps = {
111
116
  limitStart: null,
112
117
  limitEnd: null,
113
118
  disabled: false,
119
+ sideBySideGrowth: 0,
114
120
  };
115
121
 
116
122
  AUDatepickerComponent.displayName = 'AUDatepickerComponent';