@dreamstack-us/kaal 0.0.4 → 0.0.5

package/lib/module/utils/date.js

@@ -174,7 +174,8 @@ export const getDayOfWeek = date => {
  */
 export const formatMonth = (date, locale = 'en-US', style = 'long') => {
   return new Intl.DateTimeFormat(locale, {
-    month: style
+    month: style,
+    timeZone: 'UTC'
   }).format(date);
 };
 
@@ -183,7 +184,8 @@ export const formatMonth = (date, locale = 'en-US', style = 'long') => {
  */
 export const formatWeekday = (date, locale = 'en-US', style = 'short') => {
   return new Intl.DateTimeFormat(locale, {
-    weekday: style
+    weekday: style,
+    timeZone: 'UTC'
   }).format(date);
 };
 
@@ -193,7 +195,8 @@ export const formatWeekday = (date, locale = 'en-US', style = 'short') => {
 export const formatYearMonth = (date, locale = 'en-US') => {
   return new Intl.DateTimeFormat(locale, {
     month: 'long',
-    year: 'numeric'
+    year: 'numeric',
+    timeZone: 'UTC'
   }).format(date);
 };
 

package/lib/module/utils/date.js.map

@@ -1 +1 @@
-{"version":3,"names":["toISODateString","date","year","getUTCFullYear","month","String","getUTCMonth","padStart","day","getUTCDate","toISODateTimeString","timeZone","tz","getUserTimezone","formatter","Intl","DateTimeFormat","hour","minute","second","hour12","parts","formatToParts","get","type","find","p","value","parseISODate","iso","split","map","Number","Date","UTC","fromISODateString","parseISODateTime","fromISODateTimeString","getDateRange","start","end","dates","current","getTime","push","setUTCDate","isDateInRange","minDate","maxDate","time","resolvedOptions","addDays","days","result","addMonths","months","dayOfMonth","setUTCMonth","daysInMonth","Math","min","compareDates","a","b","isSameDay","isSameMonth","getMonthDays","getFirstDayOfMonth","d","today","getLastDayOfMonth","getDayOfWeek","getUTCDay","formatMonth","locale","style","format","formatWeekday","weekday","formatYearMonth","now","getFullYear","getMonth","getDate"],"sourceRoot":"../../../src","sources":["utils/date.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["toISODateString","date","year","getUTCFullYear","month","String","getUTCMonth","padStart","day","getUTCDate","toISODateTimeString","timeZone","tz","getUserTimezone","formatter","Intl","DateTimeFormat","hour","minute","second","hour12","parts","formatToParts","get","type","find","p","value","parseISODate","iso","split","map","Number","Date","UTC","fromISODateString","parseISODateTime","fromISODateTimeString","getDateRange","start","end","dates","current","getTime","push","setUTCDate","isDateInRange","minDate","maxDate","time","resolvedOptions","addDays","days","result","addMonths","months","dayOfMonth","setUTCMonth","daysInMonth","Math","min","compareDates","a","b","isSameDay","isSameMonth","getMonthDays","getFirstDayOfMonth","d","today","getLastDayOfMonth","getDayOfWeek","getUTCDay","formatMonth","locale","style","format","formatWeekday","weekday","formatYearMonth","now","getFullYear","getMonth","getDate"],"sourceRoot":"../../../src","sources":["utils/date.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,OAAO,MAAMA,eAAe,GAAIC,IAAU,IAAa;EACrD,MAAMC,IAAI,GAAGD,IAAI,CAACE,cAAc,CAAC,CAAC;EAClC,MAAMC,KAAK,GAAGC,MAAM,CAACJ,IAAI,CAACK,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAC7D,MAAMC,GAAG,GAAGH,MAAM,CAACJ,IAAI,CAACQ,UAAU,CAAC,CAAC,CAAC,CAACF,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACtD,OAAO,GAAGL,IAAI,IAAIE,KAAK,IAAII,GAAG,EAAE;AAClC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAME,mBAAmB,GAAGA,CAACT,IAAU,EAAEU,QAAiB,KAAa;EAC5E,MAAMC,EAAE,GAAGD,QAAQ,IAAIE,eAAe,CAAC,CAAC;EACxC,MAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,cAAc,CAAC,OAAO,EAAE;IACjDL,QAAQ,EAAEC,EAAE;IACZV,IAAI,EAAE,SAAS;IACfE,KAAK,EAAE,SAAS;IAChBI,GAAG,EAAE,SAAS;IACdS,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE;EACV,CAAC,CAAC;EACF,MAAMC,KAAK,GAAGP,SAAS,CAACQ,aAAa,CAACrB,IAAI,CAAC;EAC3C,MAAMsB,GAAG,GAAIC,IAAY,IAAKH,KAAK,CAACI,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACF,IAAI,KAAKA,IAAI,CAAC,EAAEG,KAAK,IAAI,EAAE;EAC7E,OAAO,GAAGJ,GAAG,CAAC,MAAM,CAAC,IAAIA,GAAG,CAAC,OAAO,CAAC,IAAIA,GAAG,CAAC,KAAK,CAAC,IAAIA,GAAG,CAAC,MAAM,CAAC,IAAIA,GAAG,CAAC,QAAQ,CAAC,IAAIA,GAAG,CAAC,QAAQ,CAAC,EAAE;AACxG,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMK,YAAY,GAAIC,GAAW,IAAW;EACjD,MAAMR,KAAK,GAAGQ,GAAG,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACC,MAAM,CAA6B;EACpE,OAAO,IAAIC,IAAI,CAACA,IAAI,CAACC,GAAG,CAACb,KAAK,CAAC,CAAC,CAAC,EAAEA,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,EAAEA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMc,iBAAiB,GAAGP,YAAY;;AAE7C;AACA;AACA;AACA,OAAO,MAAMQ,gBAAgB,GAAIP,GAAW,IAAW;EACrD,OAAO,IAAII,IAAI,CAACJ,GAAG,CAAC;AACtB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMQ,qBAAqB,GAAGD,gBAAgB;;AAErD;AACA;AACA;AACA,OAAO,MAAME,YAAY,GAAGA,CAACC,KAAW,EAAEC,GAAS,KAAa;EAC9D,MAAMC,KAAa,GAAG,EAAE;EACxB,MAAMC,OAAO,GAAG,IAAIT,IAAI,CAACM,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC;EAEzC,OAAOD,OAAO,CAACC,OAAO,CAAC,CAAC,IAAIH,GAAG,CAACG,OAAO,CAAC,CAAC,EAAE;IACzCF,KAAK,CAACG,IAAI,CAAC,IAAIX,IAAI,CAACS,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC;IACvCD,OAAO,CAACG,UAAU,CAACH,OAAO,CAACjC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC;EAC9C;EAEA,OAAOgC,KAAK;AACd,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMK,aAAa,GAAGA,CAC3B7C,IAAU,EACV8C,OAAc,EACdC,OAAc,KACF;EACZ,MAAMC,IAAI,GAAGhD,IAAI,CAAC0C,OAAO,CAAC,CAAC;EAC3B,IAAII,OAAO,IAAIE,IAAI,GAAGF,OAAO,CAACJ,OAAO,CAAC,CAAC,EAAE,OAAO,KAAK;EACrD,IAAIK,OAAO,IAAIC,IAAI,GAAGD,OAAO,CAACL,OAAO,CAAC,CAAC,EAAE,OAAO,KAAK;EACrD,OAAO,IAAI;AACb,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAM9B,eAAe,GAAGA,CAAA,KAAc;EAC3C,OAAOE,IAAI,CAACC,cAAc,CAAC,CAAC,CAACkC,eAAe,CAAC,CAAC,CAACvC,QAAQ;AACzD,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMwC,OAAO,GAAGA,CAAClD,IAAU,EAAEmD,IAAY,KAAW;EACzD,MAAMC,MAAM,GAAG,IAAIpB,IAAI,CAAChC,IAAI,CAAC0C,OAAO,CAAC,CAAC,CAAC;EACvCU,MAAM,CAACR,UAAU,CAACQ,MAAM,CAAC5C,UAAU,CAAC,CAAC,GAAG2C,IAAI,CAAC;EAC7C,OAAOC,MAAM;AACf,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAACrD,IAAU,EAAEsD,MAAc,KAAW;EAC7D,MAAMF,MAAM,GAAG,IAAIpB,IAAI,CAAChC,IAAI,CAAC0C,OAAO,CAAC,CAAC,CAAC;EACvC,MAAMa,UAAU,GAAGH,MAAM,CAAC5C,UAAU,CAAC,CAAC;EACtC4C,MAAM,CAACR,UAAU,CAAC,CAAC,CAAC;EACpBQ,MAAM,CAACI,WAAW,CAACJ,MAAM,CAAC/C,WAAW,CAAC,CAAC,GAAGiD,MAAM,CAAC;EACjD,MAAMG,WAAW,GAAG,IAAIzB,IAAI,CAC1BA,IAAI,CAACC,GAAG,CAACmB,MAAM,CAAClD,cAAc,CAAC,CAAC,EAAEkD,MAAM,CAAC/C,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAC/D,CAAC,CAACG,UAAU,CAAC,CAAC;EACd4C,MAAM,CAACR,UAAU,CAACc,IAAI,CAACC,GAAG,CAACJ,UAAU,EAAEE,WAAW,CAAC,CAAC;EACpD,OAAOL,MAAM;AACf,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMQ,YAAY,GAAGA,CAACC,CAAO,EAAEC,CAAO,KAAa;EACxD,OAAOD,CAAC,CAACnB,OAAO,CAAC,CAAC,GAAGoB,CAAC,CAACpB,OAAO,CAAC,CAAC;AAClC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMqB,SAAS,GAAGA,CAACF,CAAO,EAAEC,CAAO,KAAc;EACtD,OAAO/D,eAAe,CAAC8D,CAAC,CAAC,KAAK9D,eAAe,CAAC+D,CAAC,CAAC;AAClD,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAME,WAAW,GAAGA,CAACH,CAAO,EAAEC,CAAO,KAAc;EACxD,OACED,CAAC,CAAC3D,cAAc,CAAC,CAAC,KAAK4D,CAAC,CAAC5D,cAAc,CAAC,CAAC,IACzC2D,CAAC,CAACxD,WAAW,CAAC,CAAC,KAAKyD,CAAC,CAACzD,WAAW,CAAC,CAAC;AAEvC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAM4D,YAAY,GAAGA,CAAChE,IAAY,EAAEE,KAAa,KAAa;EACnE,MAAMgD,IAAY,GAAG,EAAE;EACvB,MAAMM,WAAW,GAAG,IAAIzB,IAAI,CAACA,IAAI,CAACC,GAAG,CAAChC,IAAI,EAAEE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAACK,UAAU,CAAC,CAAC;EACvE,KAAK,IAAID,GAAG,GAAG,CAAC,EAAEA,GAAG,IAAIkD,WAAW,EAAElD,GAAG,EAAE,EAAE;IAC3C4C,IAAI,CAACR,IAAI,CAAC,IAAIX,IAAI,CAACA,IAAI,CAACC,GAAG,CAAChC,IAAI,EAAEE,KAAK,EAAEI,GAAG,CAAC,CAAC,CAAC;EACjD;EACA,OAAO4C,IAAI;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMe,kBAAkB,GAAIlE,IAA6B,IAAW;EACzE,MAAMmE,CAAC,GAAGnE,IAAI,IAAIoE,KAAK,CAAC,CAAC;EACzB,OAAO,IAAIpC,IAAI,CAACA,IAAI,CAACC,GAAG,CAACkC,CAAC,CAACjE,cAAc,CAAC,CAAC,EAAEiE,CAAC,CAAC9D,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACnE,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMgE,iBAAiB,GAAIrE,IAAU,IAAW;EACrD,OAAO,IAAIgC,IAAI,CAACA,IAAI,CAACC,GAAG,CAACjC,IAAI,CAACE,cAAc,CAAC,CAAC,EAAEF,IAAI,CAACK,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC7E,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMiE,YAAY,GAAItE,IAAU,IAAa;EAClD,OAAOA,IAAI,CAACuE,SAAS,CAAC,CAAC;AACzB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGA,CACzBxE,IAAU,EACVyE,MAAM,GAAG,OAAO,EAChBC,KAAkC,GAAG,MAAM,KAChC;EACX,OAAO,IAAI5D,IAAI,CAACC,cAAc,CAAC0D,MAAM,EAAE;IACrCtE,KAAK,EAAEuE,KAAK;IACZhE,QAAQ,EAAE;EACZ,CAAC,CAAC,CAACiE,MAAM,CAAC3E,IAAI,CAAC;AACjB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAM4E,aAAa,GAAGA,CAC3B5E,IAAU,EACVyE,MAAM,GAAG,OAAO,EAChBC,KAAkC,GAAG,OAAO,KACjC;EACX,OAAO,IAAI5D,IAAI,CAACC,cAAc,CAAC0D,MAAM,EAAE;IACrCI,OAAO,EAAEH,KAAK;IACdhE,QAAQ,EAAE;EACZ,CAAC,CAAC,CAACiE,MAAM,CAAC3E,IAAI,CAAC;AACjB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAM8E,eAAe,GAAGA,CAAC9E,IAAU,EAAEyE,MAAM,GAAG,OAAO,KAAa;EACvE,OAAO,IAAI3D,IAAI,CAACC,cAAc,CAAC0D,MAAM,EAAE;IACrCtE,KAAK,EAAE,MAAM;IACbF,IAAI,EAAE,SAAS;IACfS,QAAQ,EAAE;EACZ,CAAC,CAAC,CAACiE,MAAM,CAAC3E,IAAI,CAAC;AACjB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMoE,KAAK,GAAGA,CAAA,KAAY;EAC/B,MAAMW,GAAG,GAAG,IAAI/C,IAAI,CAAC,CAAC;EACtB,OAAO,IAAIA,IAAI,CAACA,IAAI,CAACC,GAAG,CAAC8C,GAAG,CAACC,WAAW,CAAC,CAAC,EAAED,GAAG,CAACE,QAAQ,CAAC,CAAC,EAAEF,GAAG,CAACG,OAAO,CAAC,CAAC,CAAC,CAAC;AAC7E,CAAC","ignoreList":[]}

package/lib/typescript/components/CalendarGrid/DayCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DayCell.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/DayCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA8BD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyH1C,CAAC"}
+{"version":3,"file":"DayCell.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/DayCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAiED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA0I1C,CAAC"}

package/lib/typescript/components/CalendarGrid/DayCell.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DayCell.web.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/DayCell.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA+BD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyH1C,CAAC"}
+{"version":3,"file":"DayCell.web.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/DayCell.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAkED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiJ1C,CAAC"}

package/lib/typescript/components/TimePicker/MaterialTimePicker.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialTimePicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/MaterialTimePicker.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAyB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG/E,UAAU,uBAAuB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAiHD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA6IhE,CAAC"}
+{"version":3,"file":"MaterialTimePicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/MaterialTimePicker.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAyB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAkB/E,UAAU,uBAAuB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAiHD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsQhE,CAAC"}

package/lib/typescript/utils/date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../src/utils/date.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,KAAG,MAK5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,WAAW,MAAM,KAAG,MAenE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,KAAG,IAG1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,QARI,MAAM,KAAG,IAQE,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,IAE9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,QAPI,MAAM,KAAG,IAOM,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,IAAI,EAAE,KAAK,IAAI,KAAG,IAAI,EAUzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,MAAM,IAAI,EACV,UAAU,IAAI,EACd,UAAU,IAAI,KACb,OAKF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,MAElC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,EAAE,MAAM,MAAM,KAAG,IAIlD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,EAAE,QAAQ,MAAM,KAAG,IAUtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAG,MAE/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAG,OAE5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAG,OAK9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,IAAI,EAO9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,IAAI,GAAG,IAAI,GAAG,SAAS,KAAG,IAGlE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,IAAI,KAAG,IAE9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,MAAM,IAAI,KAAG,MAEzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GACtB,MAAM,IAAI,EACV,eAAgB,EAChB,QAAO,MAAM,GAAG,OAAO,GAAG,QAAiB,KAC1C,MAEF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,MAAM,IAAI,EACV,eAAgB,EAChB,QAAO,MAAM,GAAG,OAAO,GAAG,QAAkB,KAC3C,MAEF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,EAAE,eAAgB,KAAG,MAK9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,QAAO,IAGxB,CAAC"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../src/utils/date.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,KAAG,MAK5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,WAAW,MAAM,KAAG,MAenE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,KAAG,IAG1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,QARI,MAAM,KAAG,IAQE,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,IAE9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,QAPI,MAAM,KAAG,IAOM,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,IAAI,EAAE,KAAK,IAAI,KAAG,IAAI,EAUzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,MAAM,IAAI,EACV,UAAU,IAAI,EACd,UAAU,IAAI,KACb,OAKF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,MAElC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,EAAE,MAAM,MAAM,KAAG,IAIlD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,EAAE,QAAQ,MAAM,KAAG,IAUtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAG,MAE/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAG,OAE5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAG,OAK9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,IAAI,EAO9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,IAAI,GAAG,IAAI,GAAG,SAAS,KAAG,IAGlE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,IAAI,KAAG,IAE9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,MAAM,IAAI,KAAG,MAEzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GACtB,MAAM,IAAI,EACV,eAAgB,EAChB,QAAO,MAAM,GAAG,OAAO,GAAG,QAAiB,KAC1C,MAKF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,MAAM,IAAI,EACV,eAAgB,EAChB,QAAO,MAAM,GAAG,OAAO,GAAG,QAAkB,KAC3C,MAKF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,EAAE,eAAgB,KAAG,MAM9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,QAAO,IAGxB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dreamstack-us/kaal",
-  "version": "0.0.4",
-  "description": "High-performance React Native DatePicker with Unistyles v3",
+  "version": "0.0.5",
+  "description": "High-performance React Native DatePicker and TimePicker",
   "type": "module",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/index.d.ts",
@@ -33,12 +33,9 @@
   "peerDependencies": {
     "react": ">=18.2.0",
     "react-native": ">=0.78.0",
-    "react-native-unistyles": "^3.0.0",
-    "react-native-nitro-modules": "0.31.4",
-    "react-native-reanimated": ">=3.17.0",
-    "react-native-gesture-handler": ">=2.20.0",
     "react-native-svg": ">=13.0.0",
-    "@dreamstack-us/kaal-themes": ">=1.0.0"
+    "react-native-reanimated": ">=3.17.0",
+    "react-native-gesture-handler": ">=2.20.0"
   },
   "peerDependenciesMeta": {
     "@expo/ui": {
@@ -46,6 +43,9 @@
     },
     "@dreamstack-us/kaal-themes": {
       "optional": true
+    },
+    "react-native-nitro-modules": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -57,7 +57,6 @@
     "react-native-nitro-modules": "0.31.4",
     "react-native-reanimated": "^3.17.0",
     "react-native-svg": "^15.15.1",
-    "react-native-unistyles": "^3.0.0",
     "typescript": "^5.7.0"
   },
   "react-native-builder-bob": {
@@ -94,7 +93,7 @@
     "datepicker",
     "timepicker",
     "calendar",
-    "unistyles",
+    "expo",
     "new-architecture"
   ],
   "license": "MIT"

package/src/components/CalendarGrid/DayCell.tsx

@@ -1,6 +1,6 @@
 import type React from 'react';
 import { memo, useMemo } from 'react';
-import { Pressable, StyleSheet, Text } from 'react-native';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
 import { useDatePickerOverrides } from '../../context/ThemeOverrideContext';
 
 interface DayCellProps {
@@ -30,16 +30,51 @@ const DEFAULT_COLORS = {
   cellBorderRadius: 22,
 };
 
+const CELL_SIZE = 44;
+const BAND_HEIGHT = 28; // Narrower band for thermometer effect
+
 const styles = StyleSheet.create({
   cell: {
-    width: 44,
-    height: 44,
+    width: CELL_SIZE,
+    height: CELL_SIZE,
     justifyContent: 'center',
     alignItems: 'center',
   },
+  // Thermometer band for in-range dates
+  rangeBand: {
+    position: 'absolute',
+    top: (CELL_SIZE - BAND_HEIGHT) / 2,
+    height: BAND_HEIGHT,
+    left: 0,
+    right: 0,
+  },
+  // Half band extending right from range start
+  rangeBandRight: {
+    position: 'absolute',
+    top: (CELL_SIZE - BAND_HEIGHT) / 2,
+    height: BAND_HEIGHT,
+    left: CELL_SIZE / 2,
+    right: 0,
+  },
+  // Half band extending left to range end
+  rangeBandLeft: {
+    position: 'absolute',
+    top: (CELL_SIZE - BAND_HEIGHT) / 2,
+    height: BAND_HEIGHT,
+    left: 0,
+    right: CELL_SIZE / 2,
+  },
+  // Circle overlay for selected dates
+  circleOverlay: {
+    position: 'absolute',
+    width: CELL_SIZE,
+    height: CELL_SIZE,
+    borderRadius: CELL_SIZE / 2,
+  },
   text: {
     fontSize: 17,
     fontWeight: '400',
+    zIndex: 1,
   },
 });
 
@@ -57,48 +92,12 @@ export const DayCell: React.FC<DayCellProps> = memo(
   }) => {
     const overrides = useDatePickerOverrides();
 
-    // Build cell style based on state and overrides
-    // Use primaryColor as fallback for cellSelectedColor (consumer expectation)
-    const cellStyle = useMemo(() => {
-      const style: Record<string, unknown> = {
-        backgroundColor: DEFAULT_COLORS.cellBackground,
-      };
-
-      // Range start/end get selected styling
-      if (isRangeStart || isRangeEnd || isSelected) {
-        style.backgroundColor =
-          overrides?.cellSelectedColor ??
-          overrides?.primaryColor ??
-          DEFAULT_COLORS.cellSelected;
-        style.borderRadius =
-          overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
-      } else if (isInRange) {
-        // Dates in range get lighter background
-        style.backgroundColor =
-          overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
-      } else if (isToday) {
-        style.backgroundColor =
-          overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday;
-        style.borderRadius =
-          overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
-        style.borderWidth = 1;
-        style.borderColor = overrides?.primaryColor ?? DEFAULT_COLORS.primary;
-      }
-
-      if (isDisabled) {
-        style.opacity = 0.4;
-      }
-
-      return style;
-    }, [
-      overrides,
-      isSelected,
-      isToday,
-      isDisabled,
-      isRangeStart,
-      isRangeEnd,
-      isInRange,
-    ]);
+    const rangeColor =
+      overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
+    const selectedColor =
+      overrides?.cellSelectedColor ??
+      overrides?.primaryColor ??
+      DEFAULT_COLORS.cellSelected;
 
     // Build text style based on state and overrides
     const textStyle = useMemo(() => {
@@ -135,13 +134,36 @@ export const DayCell: React.FC<DayCellProps> = memo(
       isInRange,
     ]);
 
+    // Today style (non-range)
+    const todayStyle = useMemo(() => {
+      if (
+        isToday &&
+        !isSelected &&
+        !isRangeStart &&
+        !isRangeEnd &&
+        !isInRange
+      ) {
+        return {
+          backgroundColor:
+            overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday,
+          borderRadius:
+            overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius,
+          borderWidth: 1,
+          borderColor: overrides?.primaryColor ?? DEFAULT_COLORS.primary,
+        };
+      }
+      return null;
+    }, [isToday, isSelected, isRangeStart, isRangeEnd, isInRange, overrides]);
+
     if (!date) {
       return <Pressable style={styles.cell} disabled />;
     }
 
+    const cellOpacity = isDisabled ? 0.4 : 1;
+
     return (
       <Pressable
-        style={[styles.cell, cellStyle]}
+        style={[styles.cell, { opacity: cellOpacity }]}
         onPress={onPress}
         disabled={isDisabled}
         accessibilityRole="button"
@@ -149,9 +171,39 @@ export const DayCell: React.FC<DayCellProps> = memo(
           weekday: 'long',
           month: 'long',
           day: 'numeric',
+          timeZone: 'UTC',
         }).format(date)}
         accessibilityState={{ selected: isSelected, disabled: isDisabled }}
       >
+        {/* Thermometer band for range start (extends right) */}
+        {isRangeStart && !isRangeEnd && (
+          <View
+            style={[styles.rangeBandRight, { backgroundColor: rangeColor }]}
+          />
+        )}
+
+        {/* Thermometer band for range end (extends left) */}
+        {isRangeEnd && !isRangeStart && (
+          <View
+            style={[styles.rangeBandLeft, { backgroundColor: rangeColor }]}
+          />
+        )}
+
+        {/* Thermometer band for in-range dates (full width) */}
+        {isInRange && (
+          <View style={[styles.rangeBand, { backgroundColor: rangeColor }]} />
+        )}
+
+        {/* Circle for selected/range start/end */}
+        {(isRangeStart || isRangeEnd || isSelected) && (
+          <View
+            style={[styles.circleOverlay, { backgroundColor: selectedColor }]}
+          />
+        )}
+
+        {/* Today indicator (when not in range) */}
+        {todayStyle && <View style={[styles.circleOverlay, todayStyle]} />}
+
         <Text style={[styles.text, textStyle]}>{date.getUTCDate()}</Text>
       </Pressable>
     );

package/src/components/CalendarGrid/DayCell.web.tsx

@@ -1,7 +1,7 @@
 /// <reference lib="dom" />
 import type React from 'react';
 import { memo, useMemo } from 'react';
-import { Pressable, StyleSheet, Text } from 'react-native';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
 import { useDatePickerOverrides } from '../../context/ThemeOverrideContext';
 
 interface DayCellProps {
@@ -31,17 +31,52 @@ const DEFAULT_COLORS = {
   cellBorderRadius: 22,
 };
 
+const CELL_SIZE = 44;
+const BAND_HEIGHT = 28; // Narrower band for thermometer effect
+
 // Web-compatible styles (no unistyles dependency)
 const webStyles = StyleSheet.create({
   cell: {
-    width: 44,
-    height: 44,
+    width: CELL_SIZE,
+    height: CELL_SIZE,
     justifyContent: 'center',
     alignItems: 'center',
   },
+  // Thermometer band for in-range dates
+  rangeBand: {
+    position: 'absolute',
+    top: (CELL_SIZE - BAND_HEIGHT) / 2,
+    height: BAND_HEIGHT,
+    left: 0,
+    right: 0,
+  },
+  // Half band extending right from range start
+  rangeBandRight: {
+    position: 'absolute',
+    top: (CELL_SIZE - BAND_HEIGHT) / 2,
+    height: BAND_HEIGHT,
+    left: CELL_SIZE / 2,
+    right: 0,
+  },
+  // Half band extending left to range end
+  rangeBandLeft: {
+    position: 'absolute',
+    top: (CELL_SIZE - BAND_HEIGHT) / 2,
+    height: BAND_HEIGHT,
+    left: 0,
+    right: CELL_SIZE / 2,
+  },
+  // Circle overlay for selected dates
+  circleOverlay: {
+    position: 'absolute',
+    width: CELL_SIZE,
+    height: CELL_SIZE,
+    borderRadius: CELL_SIZE / 2,
+  },
   text: {
     fontSize: 17,
     fontWeight: '400',
+    zIndex: 1,
   },
 });
 
@@ -59,48 +94,12 @@ export const DayCell: React.FC<DayCellProps> = memo(
   }) => {
     const overrides = useDatePickerOverrides();
 
-    // Build cell style based on state and overrides
-    // Use primaryColor as fallback for cellSelectedColor (consumer expectation)
-    const cellStyle = useMemo(() => {
-      const style: Record<string, unknown> = {
-        backgroundColor: DEFAULT_COLORS.cellBackground,
-      };
-
-      // Range start/end get selected styling
-      if (isRangeStart || isRangeEnd || isSelected) {
-        style.backgroundColor =
-          overrides?.cellSelectedColor ??
-          overrides?.primaryColor ??
-          DEFAULT_COLORS.cellSelected;
-        style.borderRadius =
-          overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
-      } else if (isInRange) {
-        // Dates in range get lighter background
-        style.backgroundColor =
-          overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
-      } else if (isToday) {
-        style.backgroundColor =
-          overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday;
-        style.borderRadius =
-          overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
-        style.borderWidth = 1;
-        style.borderColor = overrides?.primaryColor ?? DEFAULT_COLORS.primary;
-      }
-
-      if (isDisabled) {
-        style.opacity = 0.4;
-      }
-
-      return style;
-    }, [
-      overrides,
-      isSelected,
-      isToday,
-      isDisabled,
-      isRangeStart,
-      isRangeEnd,
-      isInRange,
-    ]);
+    const rangeColor =
+      overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
+    const selectedColor =
+      overrides?.cellSelectedColor ??
+      overrides?.primaryColor ??
+      DEFAULT_COLORS.cellSelected;
 
     // Build text style based on state and overrides
     const textStyle = useMemo(() => {
@@ -137,13 +136,36 @@ export const DayCell: React.FC<DayCellProps> = memo(
       isInRange,
     ]);
 
+    // Today style (non-range)
+    const todayStyle = useMemo(() => {
+      if (
+        isToday &&
+        !isSelected &&
+        !isRangeStart &&
+        !isRangeEnd &&
+        !isInRange
+      ) {
+        return {
+          backgroundColor:
+            overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday,
+          borderRadius:
+            overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius,
+          borderWidth: 1,
+          borderColor: overrides?.primaryColor ?? DEFAULT_COLORS.primary,
+        };
+      }
+      return null;
+    }, [isToday, isSelected, isRangeStart, isRangeEnd, isInRange, overrides]);
+
     if (!date) {
       return <Pressable style={webStyles.cell} disabled />;
     }
 
+    const cellOpacity = isDisabled ? 0.4 : 1;
+
     return (
       <Pressable
-        style={[webStyles.cell, cellStyle]}
+        style={[webStyles.cell, { opacity: cellOpacity }]}
         onPress={onPress}
         disabled={isDisabled}
         accessibilityRole="button"
@@ -151,9 +173,46 @@ export const DayCell: React.FC<DayCellProps> = memo(
           weekday: 'long',
           month: 'long',
           day: 'numeric',
+          timeZone: 'UTC',
         }).format(date)}
         accessibilityState={{ selected: isSelected, disabled: isDisabled }}
       >
+        {/* Thermometer band for range start (extends right) */}
+        {isRangeStart && !isRangeEnd && (
+          <View
+            style={[webStyles.rangeBandRight, { backgroundColor: rangeColor }]}
+          />
+        )}
+
+        {/* Thermometer band for range end (extends left) */}
+        {isRangeEnd && !isRangeStart && (
+          <View
+            style={[webStyles.rangeBandLeft, { backgroundColor: rangeColor }]}
+          />
+        )}
+
+        {/* Thermometer band for in-range dates (full width) */}
+        {isInRange && (
+          <View
+            style={[webStyles.rangeBand, { backgroundColor: rangeColor }]}
+          />
+        )}
+
+        {/* Circle for selected/range start/end */}
+        {(isRangeStart || isRangeEnd || isSelected) && (
+          <View
+            style={[
+              webStyles.circleOverlay,
+              { backgroundColor: selectedColor },
+            ]}
+          />
+        )}
+
+        {/* Today indicator (when not in range) */}
+        {todayStyle ? (
+          <View style={[webStyles.circleOverlay, todayStyle]} />
+        ) : null}
+
         <Text style={[webStyles.text, textStyle]}>{date.getUTCDate()}</Text>
       </Pressable>
     );