@citygross/components 0.16.11 → 0.16.12

package/build/es/components/src/components/DeliverySlotItem/DeliverySlotItem.js

@@ -1,18 +1,18 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { BodyText, TextTypes } from '@citygross/typography';
-import { moment, useWindowSize, capitalizeFirstLetter, formatLeadingZero } from '@citygross/utils';
+import { getDateInfo, useWindowSize, capitalizeFirstLetter, formatLeadingZero } from '@citygross/utils';
 import { DeliverySlotItemContainer, DeliverySlotContainer, DeliverySlotHeaderText, DeliverySlotBody } from './DeliverySlotItem.styles.js';
 
 function DeliverySlotItem(_a) {
     var date = _a.date, selected = _a.selected, children = _a.children, onSelect = _a.onSelect, icon = _a.icon;
-    var momentDate = moment(date);
+    var dateInfo = getDateInfo(date);
     var width = useWindowSize().width;
-    var _b = useState(momentDate.format('dddd').toLocaleLowerCase()), weekDay = _b[0], setWeekDay = _b[1];
-    var dayNumber = momentDate.format('D');
-    var month = momentDate.format('MMMM').toLocaleLowerCase();
+    var _b = useState(dateInfo.day.name.toLocaleLowerCase()), weekDay = _b[0], setWeekDay = _b[1];
+    var dayNumber = dateInfo.day.number;
+    var month = dateInfo.month.name.toLocaleLowerCase();
     useEffect(function () {
-        setWeekDay(momentDate.format('dddd').toLocaleLowerCase());
-    }, [width]);
+        setWeekDay(dateInfo.day.name.toLocaleLowerCase());
+    }, [dateInfo.day.name, width]);
     var slotRef = useRef(null);
     return (React.createElement(DeliverySlotItemContainer, { onClick: onSelect, onKeyDown: function (event) {
             if (event.key === 'Enter') {

package/build/es/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js

@@ -1,17 +1,16 @@
 import React from 'react';
 import { H3, BodyText } from '@citygross/typography';
-import { moment } from '@citygross/utils';
+import { formatDateToLocale } from '@citygross/utils';
 import { DeliveryTimeBlock as DeliveryTimeBlock$1, DeliverOption } from './DeliveryTimeBlock.styles.js';
 
 function DeliveryTimeBlock(_a) {
-    var _b, _c;
-    var deliveryDate = _a.deliveryDate, deliveryFromTime = _a.deliveryFromTime, deliveryToTime = _a.deliveryToTime, icon = _a.icon, _d = _a.localTimeVar, localTimeVar = _d === void 0 ? 'kl' : _d, deliverOption = _a.deliverOption, children = _a.children;
+    var deliveryDate = _a.deliveryDate, deliveryFromTime = _a.deliveryFromTime, deliveryToTime = _a.deliveryToTime, icon = _a.icon, _b = _a.localTimeVar, localTimeVar = _b === void 0 ? 'kl' : _b, deliverOption = _a.deliverOption, children = _a.children;
     return (React.createElement(DeliveryTimeBlock$1, null,
         React.createElement(DeliverOption, null,
             icon && icon,
             deliverOption && React.createElement(H3, null, deliverOption)),
-        React.createElement(BodyText, null, (_c = (_b = moment(deliveryDate)) === null || _b === void 0 ? void 0 : _b.format('dddd D MMMM')) === null || _c === void 0 ? void 0 :
-            _c.toLocaleLowerCase(),
+        React.createElement(BodyText, null,
+            formatDateToLocale(deliveryDate, false, true),
             ' ',
             deliveryFromTime && deliveryToTime && (React.createElement("span", { style: { whiteSpace: 'nowrap' } }, "".concat(localTimeVar, " ").concat(deliveryFromTime, " - ").concat(deliveryToTime)))),
         children));

package/build/es/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeliveryTimeBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DeliveryTimeBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}