@tap-payments/os-micro-frontend-shared 0.0.123 → 0.0.126

package/build/components/Calender/Calender.js

@@ -20,11 +20,13 @@ import { darkLeftArrowIcon, darkRightArrowIcon } from '../../constants/index.js'
 import { ArrowButton, CalenderWrapper, SelectedDate, Wrapper, ButtonsWrapper, CancelButton, OkayButton, FooterButtonsWrapper } from './style';
 const weekDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
 function Calender(_a) {
+    var _b;
     var { isAr = false, value, setValue, enableTimePicker, placement } = _a, props = __rest(_a, ["isAr", "value", "setValue", "enableTimePicker", "placement"]);
     const [anchorEl, setAnchorEl] = useState(null);
     const [date, setDate] = useState(value ? new DateObject(new Date(value.toLocaleString())) : new DateObject(new Date()));
     const [tempDate, setTempDate] = useState(value ? new DateObject(new Date(value.toLocaleString())) : new DateObject(new Date()));
-    const [time, setTime] = useState({ hour: getDefaultHour(), minute: getDefaultMinute() });
+    const defaultHour = (value === null || value === void 0 ? void 0 : value.hour) && (value === null || value === void 0 ? void 0 : value.hour) > 12 ? (value === null || value === void 0 ? void 0 : value.hour) - 12 : value === null || value === void 0 ? void 0 : value.hour;
+    const [time, setTime] = useState({ hour: defaultHour !== null && defaultHour !== void 0 ? defaultHour : getDefaultHour(), minute: (_b = value === null || value === void 0 ? void 0 : value.minute) !== null && _b !== void 0 ? _b : getDefaultMinute() });
     const { t } = useTranslation();
     const open = Boolean(anchorEl);
     const getArrow = (direction) => {
@@ -49,8 +51,12 @@ function Calender(_a) {
     const onChangeTimepicker = (newTime) => {
         setTime(newTime);
     };
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(Wrapper, Object.assign({ sx: Object.assign({}, props.sx) }, { children: [_jsx(SelectedDate, Object.assign({ onClick: onOpen, open: open, className: "date-button" }, { children: date.format('MMM D, YYYY') })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: placement }, { children: _jsxs(CalenderWrapper, Object.assign({ className: "calender-content", open: open }, { children: [_jsx(Calendar, Object.assign({ numberOfMonths: 1, format: "MMM DD", monthYearSeparator: ' ', renderButton: (direction, handleClick) => (_jsx(ArrowButton, Object.assign({ onClick: handleClick }, { children: _jsx("img", { src: getArrow(direction), alt: "arrow" }) }))), onChange: (v) => {
+    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(Wrapper, Object.assign({ sx: Object.assign({}, props.sx) }, { children: [_jsx(SelectedDate, Object.assign({ onClick: onOpen, open: open, className: "date-button" }, { children: date.format('MMM D, YYYY') })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: placement }, { children: _jsxs(CalenderWrapper, Object.assign({ className: "calender-content", open: open }, { children: [_jsx(Calendar, Object.assign({ numberOfMonths: 1, format: "MMM DD YYYY", monthYearSeparator: ' ', renderButton: (direction, handleClick) => (_jsx(ArrowButton, Object.assign({ onClick: handleClick }, { children: _jsx("img", { src: getArrow(direction), alt: "arrow" }) }))), onMonthChange: (v) => {
                                     setTempDate(v);
-                                }, weekDays: !isAr ? weekDays : undefined, minDate: new Date(), value: date }, props)), _jsxs(ButtonsWrapper, Object.assign({ sx: Object.assign({}, (enableTimePicker && { justifyContent: 'space-between' })) }, { children: [enableTimePicker && _jsx(TimePicker, { onChange: onChangeTimepicker }), _jsxs(FooterButtonsWrapper, { children: [_jsx(CancelButton, Object.assign({ variant: "contained", onClick: handleClose }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ variant: "contained", onClick: handleSubmit }, { children: t('okay') }))] })] }))] })) }))] })) })));
+                                }, onYearChange: (v) => {
+                                    setTempDate(v);
+                                }, onChange: (v) => {
+                                    setTempDate(v);
+                                }, weekDays: !isAr ? weekDays : undefined, minDate: new Date(), value: date }, props)), _jsxs(ButtonsWrapper, Object.assign({ sx: Object.assign({}, (enableTimePicker && { justifyContent: 'space-between' })) }, { children: [enableTimePicker && _jsx(TimePicker, { onChange: onChangeTimepicker, defaultTime: time }), _jsxs(FooterButtonsWrapper, { children: [_jsx(CancelButton, Object.assign({ variant: "contained", onClick: handleClose }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ variant: "contained", onClick: handleSubmit }, { children: t('okay') }))] })] }))] })) }))] })) })));
 }
 export default memo(Calender);

package/build/components/Calender/style.js

@@ -51,7 +51,7 @@ export const CalenderWrapper = styled(Box, { shouldForwardProp: (props) => props
         padding: 0,
     },
     '.rmdp-day.rmdp-today span': {
-        backgroundColor: 'transparent',
+        backgroundColor: 'transparent !important',
         color: theme.palette.info.dark,
     },
     '.rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span': {

package/build/components/Timepicker/Timepicker.d.ts

@@ -3,7 +3,8 @@ export type Time = {
     minute: number;
 };
 interface TimePickerProps {
+    defaultTime?: Time;
     onChange?: (time: Time) => void;
 }
-export declare function TimePicker({ onChange }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimePicker({ onChange, defaultTime }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/Timepicker/Timepicker.js

@@ -8,11 +8,12 @@ import { greyUpArrowIcon, greyDownArrowIcon } from '../../constants/index.js';
 import { Arrow, Button, Period, PeriodWrapper, Wrapper, Time, TimeWrapper, Input } from './style';
 import { getDefaultHour, getDefaultMinute } from './utils';
 import { maxHour, maxMinute, periodList } from './constant';
-export function TimePicker({ onChange }) {
+export function TimePicker({ onChange, defaultTime }) {
+    var _a, _b;
     const [anchorEl, setAnchorEl] = useState(null);
     const [period, setPeriod] = useState(new Date().getHours() >= maxHour ? 'PM' : 'AM');
-    const [hours, setHours] = useState(getDefaultHour());
-    const [minutes, setMinutes] = useState(getDefaultMinute());
+    const [hours, setHours] = useState((_a = defaultTime === null || defaultTime === void 0 ? void 0 : defaultTime.hour) !== null && _a !== void 0 ? _a : getDefaultHour());
+    const [minutes, setMinutes] = useState((_b = defaultTime === null || defaultTime === void 0 ? void 0 : defaultTime.minute) !== null && _b !== void 0 ? _b : getDefaultMinute());
     const open = Boolean(anchorEl);
     const onOpen = (e) => {
         setAnchorEl(e.currentTarget);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.123",
+  "version": "0.0.126",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",