@arch-ui/day-picker
Advanced tools
Comparing version
# @arch-ui/day-picker | ||
## 0.0.26 | ||
### Patch Changes | ||
- [`5ec4e5d5`](https://github.com/keystonejs/keystone/commit/5ec4e5d547503baeae2ac2f6317b66c2ebae93b7) [#2915](https://github.com/keystonejs/keystone/pull/2915) Thanks [@timleslie](https://github.com/timleslie)! - Updated website related dependencies. | ||
## 0.0.25 | ||
@@ -4,0 +10,0 @@ |
@@ -226,3 +226,3 @@ 'use strict'; | ||
"data-index": index, | ||
id: "ks-month-".concat(month, "-").concat(year), | ||
id: `ks-month-${month}-${year}`, | ||
style: style | ||
@@ -240,3 +240,3 @@ }, core.jsx(MonthHeader, { | ||
return core.jsx(Day, { | ||
id: "ks-day-".concat(day.label, "-").concat(month, "-").concat(year), | ||
id: `ks-day-${day.label}-${month}-${year}`, | ||
key: day.label, | ||
@@ -269,3 +269,3 @@ disabled: disabled, | ||
paddingBottom: 4, | ||
border: "1px ".concat(theme.colors.N60, " solid"), | ||
border: `1px ${theme.colors.N60} solid`, | ||
borderLeft: 0, | ||
@@ -451,4 +451,4 @@ borderRight: 0, | ||
const options = ['-12', '-11', '-10', '-09', '-08', '-07', '-06', '-05', '-04', '-03', '-02', '-01', '+00', '+01', '+02', '+03', '+04', '+05', '+06', '+07', '+08', '+09', '+10', '+11', '+12', '+13', '+14'].map(o => ({ | ||
value: "".concat(o, ":00"), | ||
label: "".concat(o, ":00") | ||
value: `${o}:00`, | ||
label: `${o}:00` | ||
})); | ||
@@ -489,3 +489,3 @@ const DayTimePicker = props => { | ||
disabled: isDisabled || false, | ||
id: "".concat(htmlID, "-time") | ||
id: `${htmlID}-time` | ||
}), React.createElement(Select, { | ||
@@ -499,3 +499,3 @@ value: options.find(option => option.value === offset), | ||
}, | ||
id: "".concat(htmlID, "-offset") | ||
id: `${htmlID}-offset` | ||
})); | ||
@@ -542,3 +542,3 @@ }; | ||
}) => { | ||
setValue(oldValue => _objectSpread({}, oldValue, { | ||
setValue(oldValue => _objectSpread(_objectSpread({}, oldValue), {}, { | ||
raw | ||
@@ -545,0 +545,0 @@ })); |
@@ -135,3 +135,3 @@ "use strict"; | ||
"data-index": index, | ||
id: "ks-month-".concat(month, "-").concat(year), | ||
id: `ks-month-${month}-${year}`, | ||
style: style | ||
@@ -146,3 +146,3 @@ }, core.jsx(MonthHeader, { | ||
return core.jsx(Day, { | ||
id: "ks-day-".concat(day.label, "-").concat(month, "-").concat(year), | ||
id: `ks-day-${day.label}-${month}-${year}`, | ||
key: day.label, | ||
@@ -173,3 +173,3 @@ disabled: disabled, | ||
paddingBottom: 4, | ||
border: "1px ".concat(theme.colors.N60, " solid"), | ||
border: `1px ${theme.colors.N60} solid`, | ||
borderLeft: 0, | ||
@@ -299,4 +299,4 @@ borderRight: 0, | ||
}, options = [ "-12", "-11", "-10", "-09", "-08", "-07", "-06", "-05", "-04", "-03", "-02", "-01", "+00", "+01", "+02", "+03", "+04", "+05", "+06", "+07", "+08", "+09", "+10", "+11", "+12", "+13", "+14" ].map(o => ({ | ||
value: "".concat(o, ":00"), | ||
label: "".concat(o, ":00") | ||
value: `${o}:00`, | ||
label: `${o}:00` | ||
})), DayTimePicker = props => { | ||
@@ -320,3 +320,3 @@ const {date: date, time: time, offset: offset, htmlID: htmlID, autoFocus: autoFocus, isDisabled: isDisabled} = props, {handleDayChange: handleDayChange, handleTimeChange: handleTimeChange, handleOffsetChange: handleOffsetChange, yearRangeFrom: yearRangeFrom, yearRangeTo: yearRangeTo, yearPickerType: yearPickerType} = props, TODAY = new Date; | ||
disabled: isDisabled || !1, | ||
id: "".concat(htmlID, "-time") | ||
id: `${htmlID}-time` | ||
}), React.createElement(Select, { | ||
@@ -328,3 +328,3 @@ value: options.find(option => option.value === offset), | ||
}, | ||
id: "".concat(htmlID, "-offset") | ||
id: `${htmlID}-offset` | ||
})); | ||
@@ -377,3 +377,3 @@ }; | ||
onChange: ({target: {value: raw}}) => { | ||
setValue(oldValue => _objectSpread({}, oldValue, { | ||
setValue(oldValue => _objectSpread(_objectSpread({}, oldValue), {}, { | ||
raw: raw | ||
@@ -380,0 +380,0 @@ })); |
@@ -220,3 +220,3 @@ import _extends from '@babel/runtime/helpers/esm/extends'; | ||
"data-index": index, | ||
id: "ks-month-".concat(month, "-").concat(year), | ||
id: `ks-month-${month}-${year}`, | ||
style: style | ||
@@ -234,3 +234,3 @@ }, jsx(MonthHeader, { | ||
return jsx(Day, { | ||
id: "ks-day-".concat(day.label, "-").concat(month, "-").concat(year), | ||
id: `ks-day-${day.label}-${month}-${year}`, | ||
key: day.label, | ||
@@ -263,3 +263,3 @@ disabled: disabled, | ||
paddingBottom: 4, | ||
border: "1px ".concat(colors.N60, " solid"), | ||
border: `1px ${colors.N60} solid`, | ||
borderLeft: 0, | ||
@@ -445,4 +445,4 @@ borderRight: 0, | ||
const options = ['-12', '-11', '-10', '-09', '-08', '-07', '-06', '-05', '-04', '-03', '-02', '-01', '+00', '+01', '+02', '+03', '+04', '+05', '+06', '+07', '+08', '+09', '+10', '+11', '+12', '+13', '+14'].map(o => ({ | ||
value: "".concat(o, ":00"), | ||
label: "".concat(o, ":00") | ||
value: `${o}:00`, | ||
label: `${o}:00` | ||
})); | ||
@@ -483,3 +483,3 @@ const DayTimePicker = props => { | ||
disabled: isDisabled || false, | ||
id: "".concat(htmlID, "-time") | ||
id: `${htmlID}-time` | ||
}), createElement(Select, { | ||
@@ -493,3 +493,3 @@ value: options.find(option => option.value === offset), | ||
}, | ||
id: "".concat(htmlID, "-offset") | ||
id: `${htmlID}-offset` | ||
})); | ||
@@ -536,3 +536,3 @@ }; | ||
}) => { | ||
setValue(oldValue => _objectSpread({}, oldValue, { | ||
setValue(oldValue => _objectSpread(_objectSpread({}, oldValue), {}, { | ||
raw | ||
@@ -539,0 +539,0 @@ })); |
{ | ||
"name": "@arch-ui/day-picker", | ||
"description": "Day Picker UI as used in @keystonejs Admin UI.", | ||
"version": "0.0.25", | ||
"version": "0.0.26", | ||
"author": "Jed Watson", | ||
@@ -25,3 +25,3 @@ "license": "MIT", | ||
"date-fns": "^1.30.1", | ||
"intersection-observer": "^0.5.1", | ||
"intersection-observer": "^0.10.0", | ||
"moment": "^2.24.0", | ||
@@ -28,0 +28,0 @@ "react-window": "^1.7.0" |
85861
0.08%+ Added
- Removed