Merge pull request #1701 from wix/feat/formatting_tool

Calendars date format service

Author: ethanshar

src/index.ts

@@ -2,10 +2,11 @@ export {default as Calendar, CalendarProps} from './calendar';
 export {default as CalendarList, CalendarListProps} from './calendar-list';
 export {default as Agenda, AgendaProps} from './agenda';
 export {default as ExpandableCalendar, ExpandableCalendarProps} from './expandableCalendar';
+export {default as WeekCalendar, WeekCalendarProps} from './expandableCalendar/WeekCalendar';
 export {default as AgendaList, AgendaListProps} from './expandableCalendar/agendaList';
-export {default as Timeline, TimelineProps} from './timeline/Timeline';
+export {default as CalendarContext} from './expandableCalendar/Context';
 export {default as CalendarProvider, CalendarContextProviderProps} from './expandableCalendar/Context/Provider';
 export {default as asCalendarConsumer} from './expandableCalendar/asCalendarConsumer';
-export {default as WeekCalendar, WeekCalendarProps} from './expandableCalendar/WeekCalendar';
+export {default as Timeline, TimelineProps} from './timeline/Timeline';
+export * from './services';
 export {default as LocaleConfig} from 'xdate';
-export {default as CalendarContext} from './expandableCalendar/Context';

src/interface.ts

@@ -1,6 +1,6 @@
 const XDate = require('xdate');
 
-function padNumber(n: number) {
+export function padNumber(n: number) {
   if (n < 10) {
     return '0' + n;
   }

src/services/index.ts

@@ -0,0 +1,17 @@
+import {isUndefined, isDate, isString, isNumber} from 'lodash';
+import XDate from 'xdate';
+const {padNumber, toMarkingFormat} = require('../interface');
+
+export function getCalendarDateString(date?: Date | string | number) {
+  if (!isUndefined(date)) {
+    if (isDate(date) && !isNaN(date.getFullYear())) {
+      return date.getFullYear() + '-' + padNumber(date.getMonth() + 1) + '-' + padNumber(date.getDate());
+    } else if (isString(date)) {
+      // issue with strings and XDate's utc-mode - returns one day before
+      return toMarkingFormat(new XDate(date, false));
+    } else if (isNumber(date)) {
+      return toMarkingFormat(new XDate(date, true));
+    }
+    throw 'Invalid Date';
+  }
+}

src/services/services.spec.js

@@ -0,0 +1,46 @@
+import {getCalendarDateString} from '../services';
+
+describe('services', function () {
+  describe('getCalendarDateString()', function () {
+    const timestamp = 1585561899000;
+    const expectedFormattedDate = '2020-03-30';
+    const throwMessage = 'Invalid Date';
+    const epochDate = '1970-01-01';
+
+    it('should return undefined for undefined date', function () {
+      expect(getCalendarDateString()).toEqual(undefined);
+    });
+
+    it('should return same date for dashed date string', function () {
+      expect(getCalendarDateString('2020-03-30')).toEqual(expectedFormattedDate);
+    });
+
+    it('should return dashed date for JS Date', function () {
+      expect(getCalendarDateString(new Date('30 Mar 2020'))).toEqual(expectedFormattedDate);
+    });
+
+    it('should throw "Invalid Date" for invalid JS Date', function () {
+      expect(() => {getCalendarDateString(new Date('30/03/2020'));}).toThrow(throwMessage);
+    });
+
+    it('should return dashed date for timestamp number', function () {
+      expect(getCalendarDateString(timestamp)).toEqual(expectedFormattedDate);
+    });
+
+    it('should return epoch date for invalid timestamp number', function () {
+      expect(getCalendarDateString(666)).toEqual(epochDate);
+    });
+
+    it('should return dashed date for slashed date string', function () {
+      expect(getCalendarDateString('2020/03/30')).toEqual(expectedFormattedDate);
+    });
+
+    it('should return dashed date for formatted date string', function () {
+      expect(getCalendarDateString('30 Mar 2020')).toEqual(expectedFormattedDate);
+    });
+
+    it('should return "Invalid Date" for invalid date string', function () {
+      expect(getCalendarDateString('30/3/2020')).toEqual(throwMessage);
+    });
+  });
+});