@transferwise/components 0.0.0-experimental-15273df → 0.0.0-experimental-d6d5b6e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/build/Calendar/Calendar.js +94 -16
  2. package/build/Calendar/Calendar.js.map +1 -1
  3. package/build/Calendar/Calendar.messages.js +12 -0
  4. package/build/Calendar/Calendar.messages.js.map +1 -1
  5. package/build/Calendar/Calendar.messages.mjs +12 -0
  6. package/build/Calendar/Calendar.messages.mjs.map +1 -1
  7. package/build/Calendar/Calendar.mjs +95 -17
  8. package/build/Calendar/Calendar.mjs.map +1 -1
  9. package/build/Calendar/DateHeader/DateHeader.js +5 -1
  10. package/build/Calendar/DateHeader/DateHeader.js.map +1 -1
  11. package/build/Calendar/DateHeader/DateHeader.mjs +5 -1
  12. package/build/Calendar/DateHeader/DateHeader.mjs.map +1 -1
  13. package/build/Calendar/DayCalendar/DayCalendar.js +14 -0
  14. package/build/Calendar/DayCalendar/DayCalendar.js.map +1 -1
  15. package/build/Calendar/DayCalendar/DayCalendar.mjs +14 -0
  16. package/build/Calendar/DayCalendar/DayCalendar.mjs.map +1 -1
  17. package/build/Calendar/DayCalendar/Table/DayCalendarTable.js +53 -19
  18. package/build/Calendar/DayCalendar/Table/DayCalendarTable.js.map +1 -1
  19. package/build/Calendar/DayCalendar/Table/DayCalendarTable.mjs +53 -19
  20. package/build/Calendar/DayCalendar/Table/DayCalendarTable.mjs.map +1 -1
  21. package/build/Calendar/MonthCalendar/MonthCalendar.js +6 -0
  22. package/build/Calendar/MonthCalendar/MonthCalendar.js.map +1 -1
  23. package/build/Calendar/MonthCalendar/MonthCalendar.mjs +6 -0
  24. package/build/Calendar/MonthCalendar/MonthCalendar.mjs.map +1 -1
  25. package/build/Calendar/MonthCalendar/Table/MonthCalendarTable.js +8 -3
  26. package/build/Calendar/MonthCalendar/Table/MonthCalendarTable.js.map +1 -1
  27. package/build/Calendar/MonthCalendar/Table/MonthCalendarTable.mjs +8 -3
  28. package/build/Calendar/MonthCalendar/Table/MonthCalendarTable.mjs.map +1 -1
  29. package/build/Calendar/{tableLink → TableLink}/TableLink.js +26 -11
  30. package/build/Calendar/TableLink/TableLink.js.map +1 -0
  31. package/build/Calendar/{tableLink → TableLink}/TableLink.mjs +26 -11
  32. package/build/Calendar/TableLink/TableLink.mjs.map +1 -0
  33. package/build/Calendar/YearCalendar/Table/YearCalendarTable.js +8 -3
  34. package/build/Calendar/YearCalendar/Table/YearCalendarTable.js.map +1 -1
  35. package/build/Calendar/YearCalendar/Table/YearCalendarTable.mjs +8 -3
  36. package/build/Calendar/YearCalendar/Table/YearCalendarTable.mjs.map +1 -1
  37. package/build/Calendar/YearCalendar/YearCalendar.js +7 -0
  38. package/build/Calendar/YearCalendar/YearCalendar.js.map +1 -1
  39. package/build/Calendar/YearCalendar/YearCalendar.mjs +7 -0
  40. package/build/Calendar/YearCalendar/YearCalendar.mjs.map +1 -1
  41. package/build/DateLookup/DateLookup.js +19 -9
  42. package/build/DateLookup/DateLookup.js.map +1 -1
  43. package/build/DateLookup/DateLookup.mjs +19 -9
  44. package/build/DateLookup/DateLookup.mjs.map +1 -1
  45. package/build/Sticky/Sticky.js +0 -1
  46. package/build/Sticky/Sticky.js.map +1 -1
  47. package/build/Sticky/Sticky.mjs +0 -1
  48. package/build/Sticky/Sticky.mjs.map +1 -1
  49. package/build/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.js +33 -0
  50. package/build/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.js.map +1 -0
  51. package/build/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.mjs +31 -0
  52. package/build/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.mjs.map +1 -0
  53. package/build/common/DateUtils/isDateDisabled/isDateDisabled.js +40 -0
  54. package/build/common/DateUtils/isDateDisabled/isDateDisabled.js.map +1 -0
  55. package/build/common/DateUtils/isDateDisabled/isDateDisabled.mjs +38 -0
  56. package/build/common/DateUtils/isDateDisabled/isDateDisabled.mjs.map +1 -0
  57. package/build/i18n/en.json +4 -0
  58. package/build/i18n/en.json.js +4 -0
  59. package/build/i18n/en.json.js.map +1 -1
  60. package/build/i18n/en.json.mjs +4 -0
  61. package/build/i18n/en.json.mjs.map +1 -1
  62. package/build/index.js +2 -2
  63. package/build/index.mjs +1 -1
  64. package/build/main.css +123 -48
  65. package/build/styles/Calendar/Calendar.css +112 -37
  66. package/build/styles/Calendar/TableLink/TableLink.css +115 -0
  67. package/build/styles/main.css +123 -48
  68. package/build/types/Calendar/Calendar.d.ts +16 -3
  69. package/build/types/Calendar/Calendar.d.ts.map +1 -1
  70. package/build/types/Calendar/Calendar.messages.d.ts +20 -0
  71. package/build/types/Calendar/Calendar.messages.d.ts.map +1 -1
  72. package/build/types/Calendar/Calendar.types.d.ts +32 -0
  73. package/build/types/Calendar/Calendar.types.d.ts.map +1 -0
  74. package/build/types/Calendar/DateHeader/DateHeader.d.ts +2 -0
  75. package/build/types/Calendar/DateHeader/DateHeader.d.ts.map +1 -1
  76. package/build/types/Calendar/DayCalendar/DayCalendar.d.ts +5 -1
  77. package/build/types/Calendar/DayCalendar/DayCalendar.d.ts.map +1 -1
  78. package/build/types/Calendar/DayCalendar/Table/DayCalendarTable.d.ts +4 -0
  79. package/build/types/Calendar/DayCalendar/Table/DayCalendarTable.d.ts.map +1 -1
  80. package/build/types/Calendar/MonthCalendar/MonthCalendar.d.ts +1 -0
  81. package/build/types/Calendar/MonthCalendar/MonthCalendar.d.ts.map +1 -1
  82. package/build/types/Calendar/MonthCalendar/Table/MonthCalendarTable.d.ts +2 -1
  83. package/build/types/Calendar/MonthCalendar/Table/MonthCalendarTable.d.ts.map +1 -1
  84. package/build/types/Calendar/{tableLink → TableLink}/TableLink.d.ts +3 -1
  85. package/build/types/Calendar/TableLink/TableLink.d.ts.map +1 -0
  86. package/build/types/Calendar/TableLink/index.d.ts.map +1 -0
  87. package/build/types/Calendar/YearCalendar/Table/YearCalendarTable.d.ts +2 -1
  88. package/build/types/Calendar/YearCalendar/Table/YearCalendarTable.d.ts.map +1 -1
  89. package/build/types/Calendar/YearCalendar/YearCalendar.d.ts +1 -0
  90. package/build/types/Calendar/YearCalendar/YearCalendar.d.ts.map +1 -1
  91. package/build/types/Calendar/index.d.ts +1 -0
  92. package/build/types/Calendar/index.d.ts.map +1 -1
  93. package/build/types/DateLookup/DateLookup.d.ts +23 -4
  94. package/build/types/DateLookup/DateLookup.d.ts.map +1 -1
  95. package/build/types/DateLookup/index.d.ts +1 -0
  96. package/build/types/DateLookup/index.d.ts.map +1 -1
  97. package/build/types/Sticky/Sticky.d.ts.map +1 -1
  98. package/build/types/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.d.ts +3 -0
  99. package/build/types/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.d.ts.map +1 -0
  100. package/build/types/common/DateUtils/index.d.ts +2 -0
  101. package/build/types/common/DateUtils/index.d.ts.map +1 -1
  102. package/build/types/common/DateUtils/isDateDisabled/isDateDisabled.d.ts +3 -0
  103. package/build/types/common/DateUtils/isDateDisabled/isDateDisabled.d.ts.map +1 -0
  104. package/build/types/index.d.ts +3 -2
  105. package/build/types/index.d.ts.map +1 -1
  106. package/build/types/test-utils/index.d.ts +8 -0
  107. package/build/types/test-utils/index.d.ts.map +1 -1
  108. package/package.json +1 -1
  109. package/src/Calendar/Calendar.css +112 -37
  110. package/src/Calendar/Calendar.disabledDates.test.tsx +518 -0
  111. package/src/Calendar/Calendar.less +5 -35
  112. package/src/Calendar/Calendar.messages.ts +21 -0
  113. package/src/Calendar/Calendar.test.tsx +217 -28
  114. package/src/Calendar/Calendar.tsx +136 -19
  115. package/src/Calendar/Calendar.types.ts +35 -0
  116. package/src/Calendar/DateHeader/DateHeader.tsx +6 -0
  117. package/src/Calendar/DayCalendar/DayCalendar.tsx +33 -1
  118. package/src/Calendar/DayCalendar/Table/DayCalendarTable.tsx +62 -28
  119. package/src/Calendar/MonthCalendar/MonthCalendar.tsx +8 -0
  120. package/src/Calendar/MonthCalendar/Table/MonthCalendarTable.tsx +15 -3
  121. package/src/Calendar/TableLink/TableLink.css +115 -0
  122. package/src/Calendar/TableLink/TableLink.less +68 -0
  123. package/src/Calendar/{tableLink → TableLink}/TableLink.tsx +29 -14
  124. package/src/Calendar/YearCalendar/Table/YearCalendarTable.tsx +15 -3
  125. package/src/Calendar/YearCalendar/YearCalendar.tsx +9 -0
  126. package/src/Calendar/_stories/Calendar.accessibility.docs.mdx +118 -0
  127. package/src/Calendar/_stories/Calendar.story.tsx +138 -4
  128. package/src/Calendar/index.ts +7 -0
  129. package/src/DateLookup/DateLookup.disabledDates.test.tsx +293 -0
  130. package/src/DateLookup/DateLookup.test.tsx +34 -37
  131. package/src/DateLookup/DateLookup.tsx +36 -13
  132. package/src/DateLookup/_stories/DateLookup.accessibility.docs.mdx +108 -0
  133. package/src/DateLookup/_stories/DateLookup.story.tsx +124 -2
  134. package/src/DateLookup/index.ts +6 -0
  135. package/src/Sticky/Sticky.test.tsx +0 -1
  136. package/src/Sticky/Sticky.tsx +0 -1
  137. package/src/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.test.ts +98 -0
  138. package/src/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.ts +45 -0
  139. package/src/common/DateUtils/index.ts +2 -0
  140. package/src/common/DateUtils/isDateDisabled/isDateDisabled.test.ts +159 -0
  141. package/src/common/DateUtils/isDateDisabled/isDateDisabled.ts +59 -0
  142. package/src/i18n/en.json +4 -0
  143. package/src/index.ts +3 -2
  144. package/src/main.css +123 -48
  145. package/src/main.less +0 -1
  146. package/build/Calendar/tableLink/TableLink.js.map +0 -1
  147. package/build/Calendar/tableLink/TableLink.mjs.map +0 -1
  148. package/build/styles/Sticky/Sticky.css +0 -4
  149. package/build/types/Calendar/tableLink/TableLink.d.ts.map +0 -1
  150. package/build/types/Calendar/tableLink/index.d.ts.map +0 -1
  151. package/src/Sticky/Sticky.css +0 -4
  152. package/src/Sticky/Sticky.less +0 -6
  153. package/src/Sticky/_stories/Sticky.test.story.tsx +0 -177
  154. /package/build/types/Calendar/{tableLink → TableLink}/index.d.ts +0 -0
  155. /package/src/Calendar/{tableLink → TableLink}/index.ts +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hasDisabledDatesInMonth.js","sources":["../../../../src/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.ts"],"sourcesContent":["import type { DisabledRules } from '../../../Calendar/Calendar.types';\n\nexport function hasDisabledDatesInMonth(\n month: number,\n year: number,\n disabledRules?: DisabledRules,\n min?: Date | null,\n max?: Date | null,\n): boolean {\n if (!disabledRules) return false;\n\n if (disabledRules.weekdays?.length) {\n return true;\n }\n\n const monthStart = new Date(year, month, 1);\n const monthEnd = new Date(year, month + 1, 0);\n\n if (disabledRules.dates?.length) {\n const hasDateInMonth = disabledRules.dates.some((date) => {\n if (date.getFullYear() !== year || date.getMonth() !== month) return false;\n if (min && date < min) return false;\n if (max && date > max) return false;\n return true;\n });\n if (hasDateInMonth) return true;\n }\n\n if (disabledRules.ranges?.length) {\n const hasOverlap = disabledRules.ranges.some((range) => {\n const rangeStart = new Date(\n range.start.getFullYear(),\n range.start.getMonth(),\n range.start.getDate(),\n );\n const rangeEnd = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate());\n if (max && rangeStart > max) return false;\n if (min && rangeEnd < min) return false;\n return rangeStart <= monthEnd && rangeEnd >= monthStart;\n });\n if (hasOverlap) return true;\n }\n\n return false;\n}\n"],"names":["hasDisabledDatesInMonth","month","year","disabledRules","min","max","weekdays","length","monthStart","Date","monthEnd","dates","hasDateInMonth","some","date","getFullYear","getMonth","ranges","hasOverlap","range","rangeStart","start","getDate","rangeEnd","end"],"mappings":";;AAEM,SAAUA,uBAAuBA,CACrCC,KAAa,EACbC,IAAY,EACZC,aAA6B,EAC7BC,GAAiB,EACjBC,GAAiB,EAAA;AAEjB,EAAA,IAAI,CAACF,aAAa,EAAE,OAAO,KAAK;AAEhC,EAAA,IAAIA,aAAa,CAACG,QAAQ,EAAEC,MAAM,EAAE;AAClC,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,MAAMC,UAAU,GAAG,IAAIC,IAAI,CAACP,IAAI,EAAED,KAAK,EAAE,CAAC,CAAC;AAC3C,EAAA,MAAMS,QAAQ,GAAG,IAAID,IAAI,CAACP,IAAI,EAAED,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;AAE7C,EAAA,IAAIE,aAAa,CAACQ,KAAK,EAAEJ,MAAM,EAAE;IAC/B,MAAMK,cAAc,GAAGT,aAAa,CAACQ,KAAK,CAACE,IAAI,CAAEC,IAAI,IAAI;AACvD,MAAA,IAAIA,IAAI,CAACC,WAAW,EAAE,KAAKb,IAAI,IAAIY,IAAI,CAACE,QAAQ,EAAE,KAAKf,KAAK,EAAE,OAAO,KAAK;AAC1E,MAAA,IAAIG,GAAG,IAAIU,IAAI,GAAGV,GAAG,EAAE,OAAO,KAAK;AACnC,MAAA,IAAIC,GAAG,IAAIS,IAAI,GAAGT,GAAG,EAAE,OAAO,KAAK;AACnC,MAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;IACF,IAAIO,cAAc,EAAE,OAAO,IAAI;AACjC,EAAA;AAEA,EAAA,IAAIT,aAAa,CAACc,MAAM,EAAEV,MAAM,EAAE;IAChC,MAAMW,UAAU,GAAGf,aAAa,CAACc,MAAM,CAACJ,IAAI,CAAEM,KAAK,IAAI;AACrD,MAAA,MAAMC,UAAU,GAAG,IAAIX,IAAI,CACzBU,KAAK,CAACE,KAAK,CAACN,WAAW,EAAE,EACzBI,KAAK,CAACE,KAAK,CAACL,QAAQ,EAAE,EACtBG,KAAK,CAACE,KAAK,CAACC,OAAO,EAAE,CACtB;AACD,MAAA,MAAMC,QAAQ,GAAG,IAAId,IAAI,CAACU,KAAK,CAACK,GAAG,CAACT,WAAW,EAAE,EAAEI,KAAK,CAACK,GAAG,CAACR,QAAQ,EAAE,EAAEG,KAAK,CAACK,GAAG,CAACF,OAAO,EAAE,CAAC;AAC7F,MAAA,IAAIjB,GAAG,IAAIe,UAAU,GAAGf,GAAG,EAAE,OAAO,KAAK;AACzC,MAAA,IAAID,GAAG,IAAImB,QAAQ,GAAGnB,GAAG,EAAE,OAAO,KAAK;AACvC,MAAA,OAAOgB,UAAU,IAAIV,QAAQ,IAAIa,QAAQ,IAAIf,UAAU;AACzD,IAAA,CAAC,CAAC;IACF,IAAIU,UAAU,EAAE,OAAO,IAAI;AAC7B,EAAA;AAEA,EAAA,OAAO,KAAK;AACd;;;;"}
@@ -0,0 +1,31 @@
1
+ function hasDisabledDatesInMonth(month, year, disabledRules, min, max) {
2
+ if (!disabledRules) return false;
3
+ if (disabledRules.weekdays?.length) {
4
+ return true;
5
+ }
6
+ const monthStart = new Date(year, month, 1);
7
+ const monthEnd = new Date(year, month + 1, 0);
8
+ if (disabledRules.dates?.length) {
9
+ const hasDateInMonth = disabledRules.dates.some(date => {
10
+ if (date.getFullYear() !== year || date.getMonth() !== month) return false;
11
+ if (min && date < min) return false;
12
+ if (max && date > max) return false;
13
+ return true;
14
+ });
15
+ if (hasDateInMonth) return true;
16
+ }
17
+ if (disabledRules.ranges?.length) {
18
+ const hasOverlap = disabledRules.ranges.some(range => {
19
+ const rangeStart = new Date(range.start.getFullYear(), range.start.getMonth(), range.start.getDate());
20
+ const rangeEnd = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate());
21
+ if (max && rangeStart > max) return false;
22
+ if (min && rangeEnd < min) return false;
23
+ return rangeStart <= monthEnd && rangeEnd >= monthStart;
24
+ });
25
+ if (hasOverlap) return true;
26
+ }
27
+ return false;
28
+ }
29
+
30
+ export { hasDisabledDatesInMonth };
31
+ //# sourceMappingURL=hasDisabledDatesInMonth.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hasDisabledDatesInMonth.mjs","sources":["../../../../src/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.ts"],"sourcesContent":["import type { DisabledRules } from '../../../Calendar/Calendar.types';\n\nexport function hasDisabledDatesInMonth(\n month: number,\n year: number,\n disabledRules?: DisabledRules,\n min?: Date | null,\n max?: Date | null,\n): boolean {\n if (!disabledRules) return false;\n\n if (disabledRules.weekdays?.length) {\n return true;\n }\n\n const monthStart = new Date(year, month, 1);\n const monthEnd = new Date(year, month + 1, 0);\n\n if (disabledRules.dates?.length) {\n const hasDateInMonth = disabledRules.dates.some((date) => {\n if (date.getFullYear() !== year || date.getMonth() !== month) return false;\n if (min && date < min) return false;\n if (max && date > max) return false;\n return true;\n });\n if (hasDateInMonth) return true;\n }\n\n if (disabledRules.ranges?.length) {\n const hasOverlap = disabledRules.ranges.some((range) => {\n const rangeStart = new Date(\n range.start.getFullYear(),\n range.start.getMonth(),\n range.start.getDate(),\n );\n const rangeEnd = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate());\n if (max && rangeStart > max) return false;\n if (min && rangeEnd < min) return false;\n return rangeStart <= monthEnd && rangeEnd >= monthStart;\n });\n if (hasOverlap) return true;\n }\n\n return false;\n}\n"],"names":["hasDisabledDatesInMonth","month","year","disabledRules","min","max","weekdays","length","monthStart","Date","monthEnd","dates","hasDateInMonth","some","date","getFullYear","getMonth","ranges","hasOverlap","range","rangeStart","start","getDate","rangeEnd","end"],"mappings":"AAEM,SAAUA,uBAAuBA,CACrCC,KAAa,EACbC,IAAY,EACZC,aAA6B,EAC7BC,GAAiB,EACjBC,GAAiB,EAAA;AAEjB,EAAA,IAAI,CAACF,aAAa,EAAE,OAAO,KAAK;AAEhC,EAAA,IAAIA,aAAa,CAACG,QAAQ,EAAEC,MAAM,EAAE;AAClC,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,MAAMC,UAAU,GAAG,IAAIC,IAAI,CAACP,IAAI,EAAED,KAAK,EAAE,CAAC,CAAC;AAC3C,EAAA,MAAMS,QAAQ,GAAG,IAAID,IAAI,CAACP,IAAI,EAAED,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;AAE7C,EAAA,IAAIE,aAAa,CAACQ,KAAK,EAAEJ,MAAM,EAAE;IAC/B,MAAMK,cAAc,GAAGT,aAAa,CAACQ,KAAK,CAACE,IAAI,CAAEC,IAAI,IAAI;AACvD,MAAA,IAAIA,IAAI,CAACC,WAAW,EAAE,KAAKb,IAAI,IAAIY,IAAI,CAACE,QAAQ,EAAE,KAAKf,KAAK,EAAE,OAAO,KAAK;AAC1E,MAAA,IAAIG,GAAG,IAAIU,IAAI,GAAGV,GAAG,EAAE,OAAO,KAAK;AACnC,MAAA,IAAIC,GAAG,IAAIS,IAAI,GAAGT,GAAG,EAAE,OAAO,KAAK;AACnC,MAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;IACF,IAAIO,cAAc,EAAE,OAAO,IAAI;AACjC,EAAA;AAEA,EAAA,IAAIT,aAAa,CAACc,MAAM,EAAEV,MAAM,EAAE;IAChC,MAAMW,UAAU,GAAGf,aAAa,CAACc,MAAM,CAACJ,IAAI,CAAEM,KAAK,IAAI;AACrD,MAAA,MAAMC,UAAU,GAAG,IAAIX,IAAI,CACzBU,KAAK,CAACE,KAAK,CAACN,WAAW,EAAE,EACzBI,KAAK,CAACE,KAAK,CAACL,QAAQ,EAAE,EACtBG,KAAK,CAACE,KAAK,CAACC,OAAO,EAAE,CACtB;AACD,MAAA,MAAMC,QAAQ,GAAG,IAAId,IAAI,CAACU,KAAK,CAACK,GAAG,CAACT,WAAW,EAAE,EAAEI,KAAK,CAACK,GAAG,CAACR,QAAQ,EAAE,EAAEG,KAAK,CAACK,GAAG,CAACF,OAAO,EAAE,CAAC;AAC7F,MAAA,IAAIjB,GAAG,IAAIe,UAAU,GAAGf,GAAG,EAAE,OAAO,KAAK;AACzC,MAAA,IAAID,GAAG,IAAImB,QAAQ,GAAGnB,GAAG,EAAE,OAAO,KAAK;AACvC,MAAA,OAAOgB,UAAU,IAAIV,QAAQ,IAAIa,QAAQ,IAAIf,UAAU;AACzD,IAAA,CAAC,CAAC;IACF,IAAIU,UAAU,EAAE,OAAO,IAAI;AAC7B,EAAA;AAEA,EAAA,OAAO,KAAK;AACd;;;;"}
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ const DAY_INDEX_TO_WEEKDAY = {
4
+ 0: 'sun',
5
+ 1: 'mon',
6
+ 2: 'tue',
7
+ 3: 'wed',
8
+ 4: 'thu',
9
+ 5: 'fri',
10
+ 6: 'sat'
11
+ };
12
+ function isDateDisabled(date, disabledRules) {
13
+ if (!disabledRules) return false;
14
+ if (disabledRules.weekdays?.length) {
15
+ const weekday = DAY_INDEX_TO_WEEKDAY[date.getDay()];
16
+ if (disabledRules.weekdays.includes(weekday)) return true;
17
+ }
18
+ if (disabledRules.dates?.length) {
19
+ const year = date.getFullYear();
20
+ const month = date.getMonth();
21
+ const day = date.getDate();
22
+ if (disabledRules.dates.some(disabledDate => disabledDate.getFullYear() === year && disabledDate.getMonth() === month && disabledDate.getDate() === day)) {
23
+ return true;
24
+ }
25
+ }
26
+ if (disabledRules.ranges?.length) {
27
+ const dateStart = date.getTime();
28
+ if (disabledRules.ranges.some(range => {
29
+ const rangeStart = new Date(range.start.getFullYear(), range.start.getMonth(), range.start.getDate()).getTime();
30
+ const rangeEnd = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate()).getTime();
31
+ return dateStart >= rangeStart && dateStart <= rangeEnd;
32
+ })) {
33
+ return true;
34
+ }
35
+ }
36
+ return false;
37
+ }
38
+
39
+ exports.isDateDisabled = isDateDisabled;
40
+ //# sourceMappingURL=isDateDisabled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isDateDisabled.js","sources":["../../../../src/common/DateUtils/isDateDisabled/isDateDisabled.ts"],"sourcesContent":["import type { DisabledRules, WeekDayType } from '../../../Calendar/Calendar.types';\n\nconst DAY_INDEX_TO_WEEKDAY: Record<number, WeekDayType> = {\n 0: 'sun',\n 1: 'mon',\n 2: 'tue',\n 3: 'wed',\n 4: 'thu',\n 5: 'fri',\n 6: 'sat',\n};\n\nexport function isDateDisabled(date: Date, disabledRules?: DisabledRules): boolean {\n if (!disabledRules) return false;\n\n if (disabledRules.weekdays?.length) {\n const weekday = DAY_INDEX_TO_WEEKDAY[date.getDay()];\n if (disabledRules.weekdays.includes(weekday)) return true;\n }\n\n if (disabledRules.dates?.length) {\n const year = date.getFullYear();\n const month = date.getMonth();\n const day = date.getDate();\n if (\n disabledRules.dates.some(\n (disabledDate) =>\n disabledDate.getFullYear() === year &&\n disabledDate.getMonth() === month &&\n disabledDate.getDate() === day,\n )\n ) {\n return true;\n }\n }\n\n if (disabledRules.ranges?.length) {\n const dateStart = date.getTime();\n if (\n disabledRules.ranges.some((range) => {\n const rangeStart = new Date(\n range.start.getFullYear(),\n range.start.getMonth(),\n range.start.getDate(),\n ).getTime();\n const rangeEnd = new Date(\n range.end.getFullYear(),\n range.end.getMonth(),\n range.end.getDate(),\n ).getTime();\n return dateStart >= rangeStart && dateStart <= rangeEnd;\n })\n ) {\n return true;\n }\n }\n\n return false;\n}\n"],"names":["DAY_INDEX_TO_WEEKDAY","isDateDisabled","date","disabledRules","weekdays","length","weekday","getDay","includes","dates","year","getFullYear","month","getMonth","day","getDate","some","disabledDate","ranges","dateStart","getTime","range","rangeStart","Date","start","rangeEnd","end"],"mappings":";;AAEA,MAAMA,oBAAoB,GAAgC;AACxD,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE;CACJ;AAEK,SAAUC,cAAcA,CAACC,IAAU,EAAEC,aAA6B,EAAA;AACtE,EAAA,IAAI,CAACA,aAAa,EAAE,OAAO,KAAK;AAEhC,EAAA,IAAIA,aAAa,CAACC,QAAQ,EAAEC,MAAM,EAAE;IAClC,MAAMC,OAAO,GAAGN,oBAAoB,CAACE,IAAI,CAACK,MAAM,EAAE,CAAC;IACnD,IAAIJ,aAAa,CAACC,QAAQ,CAACI,QAAQ,CAACF,OAAO,CAAC,EAAE,OAAO,IAAI;AAC3D,EAAA;AAEA,EAAA,IAAIH,aAAa,CAACM,KAAK,EAAEJ,MAAM,EAAE;AAC/B,IAAA,MAAMK,IAAI,GAAGR,IAAI,CAACS,WAAW,EAAE;AAC/B,IAAA,MAAMC,KAAK,GAAGV,IAAI,CAACW,QAAQ,EAAE;AAC7B,IAAA,MAAMC,GAAG,GAAGZ,IAAI,CAACa,OAAO,EAAE;AAC1B,IAAA,IACEZ,aAAa,CAACM,KAAK,CAACO,IAAI,CACrBC,YAAY,IACXA,YAAY,CAACN,WAAW,EAAE,KAAKD,IAAI,IACnCO,YAAY,CAACJ,QAAQ,EAAE,KAAKD,KAAK,IACjCK,YAAY,CAACF,OAAO,EAAE,KAAKD,GAAG,CACjC,EACD;AACA,MAAA,OAAO,IAAI;AACb,IAAA;AACF,EAAA;AAEA,EAAA,IAAIX,aAAa,CAACe,MAAM,EAAEb,MAAM,EAAE;AAChC,IAAA,MAAMc,SAAS,GAAGjB,IAAI,CAACkB,OAAO,EAAE;AAChC,IAAA,IACEjB,aAAa,CAACe,MAAM,CAACF,IAAI,CAAEK,KAAK,IAAI;AAClC,MAAA,MAAMC,UAAU,GAAG,IAAIC,IAAI,CACzBF,KAAK,CAACG,KAAK,CAACb,WAAW,EAAE,EACzBU,KAAK,CAACG,KAAK,CAACX,QAAQ,EAAE,EACtBQ,KAAK,CAACG,KAAK,CAACT,OAAO,EAAE,CACtB,CAACK,OAAO,EAAE;AACX,MAAA,MAAMK,QAAQ,GAAG,IAAIF,IAAI,CACvBF,KAAK,CAACK,GAAG,CAACf,WAAW,EAAE,EACvBU,KAAK,CAACK,GAAG,CAACb,QAAQ,EAAE,EACpBQ,KAAK,CAACK,GAAG,CAACX,OAAO,EAAE,CACpB,CAACK,OAAO,EAAE;AACX,MAAA,OAAOD,SAAS,IAAIG,UAAU,IAAIH,SAAS,IAAIM,QAAQ;AACzD,IAAA,CAAC,CAAC,EACF;AACA,MAAA,OAAO,IAAI;AACb,IAAA;AACF,EAAA;AAEA,EAAA,OAAO,KAAK;AACd;;;;"}
@@ -0,0 +1,38 @@
1
+ const DAY_INDEX_TO_WEEKDAY = {
2
+ 0: 'sun',
3
+ 1: 'mon',
4
+ 2: 'tue',
5
+ 3: 'wed',
6
+ 4: 'thu',
7
+ 5: 'fri',
8
+ 6: 'sat'
9
+ };
10
+ function isDateDisabled(date, disabledRules) {
11
+ if (!disabledRules) return false;
12
+ if (disabledRules.weekdays?.length) {
13
+ const weekday = DAY_INDEX_TO_WEEKDAY[date.getDay()];
14
+ if (disabledRules.weekdays.includes(weekday)) return true;
15
+ }
16
+ if (disabledRules.dates?.length) {
17
+ const year = date.getFullYear();
18
+ const month = date.getMonth();
19
+ const day = date.getDate();
20
+ if (disabledRules.dates.some(disabledDate => disabledDate.getFullYear() === year && disabledDate.getMonth() === month && disabledDate.getDate() === day)) {
21
+ return true;
22
+ }
23
+ }
24
+ if (disabledRules.ranges?.length) {
25
+ const dateStart = date.getTime();
26
+ if (disabledRules.ranges.some(range => {
27
+ const rangeStart = new Date(range.start.getFullYear(), range.start.getMonth(), range.start.getDate()).getTime();
28
+ const rangeEnd = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate()).getTime();
29
+ return dateStart >= rangeStart && dateStart <= rangeEnd;
30
+ })) {
31
+ return true;
32
+ }
33
+ }
34
+ return false;
35
+ }
36
+
37
+ export { isDateDisabled };
38
+ //# sourceMappingURL=isDateDisabled.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isDateDisabled.mjs","sources":["../../../../src/common/DateUtils/isDateDisabled/isDateDisabled.ts"],"sourcesContent":["import type { DisabledRules, WeekDayType } from '../../../Calendar/Calendar.types';\n\nconst DAY_INDEX_TO_WEEKDAY: Record<number, WeekDayType> = {\n 0: 'sun',\n 1: 'mon',\n 2: 'tue',\n 3: 'wed',\n 4: 'thu',\n 5: 'fri',\n 6: 'sat',\n};\n\nexport function isDateDisabled(date: Date, disabledRules?: DisabledRules): boolean {\n if (!disabledRules) return false;\n\n if (disabledRules.weekdays?.length) {\n const weekday = DAY_INDEX_TO_WEEKDAY[date.getDay()];\n if (disabledRules.weekdays.includes(weekday)) return true;\n }\n\n if (disabledRules.dates?.length) {\n const year = date.getFullYear();\n const month = date.getMonth();\n const day = date.getDate();\n if (\n disabledRules.dates.some(\n (disabledDate) =>\n disabledDate.getFullYear() === year &&\n disabledDate.getMonth() === month &&\n disabledDate.getDate() === day,\n )\n ) {\n return true;\n }\n }\n\n if (disabledRules.ranges?.length) {\n const dateStart = date.getTime();\n if (\n disabledRules.ranges.some((range) => {\n const rangeStart = new Date(\n range.start.getFullYear(),\n range.start.getMonth(),\n range.start.getDate(),\n ).getTime();\n const rangeEnd = new Date(\n range.end.getFullYear(),\n range.end.getMonth(),\n range.end.getDate(),\n ).getTime();\n return dateStart >= rangeStart && dateStart <= rangeEnd;\n })\n ) {\n return true;\n }\n }\n\n return false;\n}\n"],"names":["DAY_INDEX_TO_WEEKDAY","isDateDisabled","date","disabledRules","weekdays","length","weekday","getDay","includes","dates","year","getFullYear","month","getMonth","day","getDate","some","disabledDate","ranges","dateStart","getTime","range","rangeStart","Date","start","rangeEnd","end"],"mappings":"AAEA,MAAMA,oBAAoB,GAAgC;AACxD,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE;CACJ;AAEK,SAAUC,cAAcA,CAACC,IAAU,EAAEC,aAA6B,EAAA;AACtE,EAAA,IAAI,CAACA,aAAa,EAAE,OAAO,KAAK;AAEhC,EAAA,IAAIA,aAAa,CAACC,QAAQ,EAAEC,MAAM,EAAE;IAClC,MAAMC,OAAO,GAAGN,oBAAoB,CAACE,IAAI,CAACK,MAAM,EAAE,CAAC;IACnD,IAAIJ,aAAa,CAACC,QAAQ,CAACI,QAAQ,CAACF,OAAO,CAAC,EAAE,OAAO,IAAI;AAC3D,EAAA;AAEA,EAAA,IAAIH,aAAa,CAACM,KAAK,EAAEJ,MAAM,EAAE;AAC/B,IAAA,MAAMK,IAAI,GAAGR,IAAI,CAACS,WAAW,EAAE;AAC/B,IAAA,MAAMC,KAAK,GAAGV,IAAI,CAACW,QAAQ,EAAE;AAC7B,IAAA,MAAMC,GAAG,GAAGZ,IAAI,CAACa,OAAO,EAAE;AAC1B,IAAA,IACEZ,aAAa,CAACM,KAAK,CAACO,IAAI,CACrBC,YAAY,IACXA,YAAY,CAACN,WAAW,EAAE,KAAKD,IAAI,IACnCO,YAAY,CAACJ,QAAQ,EAAE,KAAKD,KAAK,IACjCK,YAAY,CAACF,OAAO,EAAE,KAAKD,GAAG,CACjC,EACD;AACA,MAAA,OAAO,IAAI;AACb,IAAA;AACF,EAAA;AAEA,EAAA,IAAIX,aAAa,CAACe,MAAM,EAAEb,MAAM,EAAE;AAChC,IAAA,MAAMc,SAAS,GAAGjB,IAAI,CAACkB,OAAO,EAAE;AAChC,IAAA,IACEjB,aAAa,CAACe,MAAM,CAACF,IAAI,CAAEK,KAAK,IAAI;AAClC,MAAA,MAAMC,UAAU,GAAG,IAAIC,IAAI,CACzBF,KAAK,CAACG,KAAK,CAACb,WAAW,EAAE,EACzBU,KAAK,CAACG,KAAK,CAACX,QAAQ,EAAE,EACtBQ,KAAK,CAACG,KAAK,CAACT,OAAO,EAAE,CACtB,CAACK,OAAO,EAAE;AACX,MAAA,MAAMK,QAAQ,GAAG,IAAIF,IAAI,CACvBF,KAAK,CAACK,GAAG,CAACf,WAAW,EAAE,EACvBU,KAAK,CAACK,GAAG,CAACb,QAAQ,EAAE,EACpBQ,KAAK,CAACK,GAAG,CAACX,OAAO,EAAE,CACpB,CAACK,OAAO,EAAE;AACX,MAAA,OAAOD,SAAS,IAAIG,UAAU,IAAIH,SAAS,IAAIM,QAAQ;AACzD,IAAA,CAAC,CAAC,EACF;AACA,MAAA,OAAO,IAAI;AACb,IAAA;AACF,EAAA;AAEA,EAAA,OAAO,KAAK;AACd;;;;"}
@@ -12,6 +12,10 @@
12
12
  "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
13
13
  "neptune.DateLookup.month": "month",
14
14
  "neptune.DateLookup.next": "next",
15
+ "neptune.DateLookup.notAvailable": "not available",
16
+ "neptune.DateLookup.outOfRangeAfter": "Please select a date on or after {min}.",
17
+ "neptune.DateLookup.outOfRangeBefore": "Please select a date on or before {max}.",
18
+ "neptune.DateLookup.outOfRangeBetween": "Please select a date between {min} and {max}.",
15
19
  "neptune.DateLookup.previous": "previous",
16
20
  "neptune.DateLookup.selected": "selected",
17
21
  "neptune.DateLookup.twentyYears": "20 years",
@@ -16,6 +16,10 @@ var en = {
16
16
  "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
17
17
  "neptune.DateLookup.month": "month",
18
18
  "neptune.DateLookup.next": "next",
19
+ "neptune.DateLookup.notAvailable": "not available",
20
+ "neptune.DateLookup.outOfRangeAfter": "Please select a date on or after {min}.",
21
+ "neptune.DateLookup.outOfRangeBefore": "Please select a date on or before {max}.",
22
+ "neptune.DateLookup.outOfRangeBetween": "Please select a date between {min} and {max}.",
19
23
  "neptune.DateLookup.previous": "previous",
20
24
  "neptune.DateLookup.selected": "selected",
21
25
  "neptune.DateLookup.twentyYears": "20 years",
@@ -1 +1 @@
1
- {"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -12,6 +12,10 @@ var en = {
12
12
  "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
13
13
  "neptune.DateLookup.month": "month",
14
14
  "neptune.DateLookup.next": "next",
15
+ "neptune.DateLookup.notAvailable": "not available",
16
+ "neptune.DateLookup.outOfRangeAfter": "Please select a date on or after {min}.",
17
+ "neptune.DateLookup.outOfRangeBefore": "Please select a date on or before {max}.",
18
+ "neptune.DateLookup.outOfRangeBetween": "Please select a date between {min} and {max}.",
15
19
  "neptune.DateLookup.previous": "previous",
16
20
  "neptune.DateLookup.selected": "selected",
17
21
  "neptune.DateLookup.twentyYears": "20 years",
@@ -1 +1 @@
1
- {"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/index.js CHANGED
@@ -15,6 +15,7 @@ var BadgeAssets = require('./_deprecated/Badge/BadgeAssets.js');
15
15
  var Body = require('./Body/Body.js');
16
16
  var Button_resolver = require('./Button/Button.resolver.js');
17
17
  var IconButton = require('./IconButton/IconButton.js');
18
+ var Calendar = require('./Calendar/Calendar.js');
18
19
  var Carousel = require('./Carousel/Carousel.js');
19
20
  var Card = require('./_deprecated/Card/Card.js');
20
21
  var Checkbox = require('./Checkbox/Checkbox.js');
@@ -31,7 +32,6 @@ var BaseCard = require('./common/BaseCard/BaseCard.js');
31
32
  var CriticalCommsBanner = require('./_deprecated/CriticalBanner/CriticalCommsBanner.js');
32
33
  var DateInput = require('./DateInput/DateInput.js');
33
34
  var DateLookup = require('./DateLookup/DateLookup.js');
34
- var Calendar = require('./Calendar/Calendar.js');
35
35
  var Decision = require('./Decision/Decision.js');
36
36
  var DefinitionList = require('./DefinitionList/DefinitionList.js');
37
37
  var Dimmer = require('./Dimmer/Dimmer.js');
@@ -177,6 +177,7 @@ exports.BadgeAssets = BadgeAssets.default;
177
177
  exports.Body = Body.default;
178
178
  exports.Button = Button_resolver.default;
179
179
  exports.IconButton = IconButton.default;
180
+ exports.Calendar = Calendar.default;
180
181
  exports.Carousel = Carousel.default;
181
182
  exports.Card = Card.default;
182
183
  exports.Checkbox = Checkbox.default;
@@ -193,7 +194,6 @@ exports.BaseCard = BaseCard.default;
193
194
  exports.CriticalCommsBanner = CriticalCommsBanner.default;
194
195
  exports.DateInput = DateInput.default;
195
196
  exports.DateLookup = DateLookup.default;
196
- exports.Calendar = Calendar.default;
197
197
  exports.Decision = Decision.default;
198
198
  Object.defineProperty(exports, "DecisionPresentation", {
199
199
  enumerable: true,
package/build/index.mjs CHANGED
@@ -13,6 +13,7 @@ export { default as BadgeAssets } from './_deprecated/Badge/BadgeAssets.mjs';
13
13
  export { default as Body } from './Body/Body.mjs';
14
14
  export { default as Button } from './Button/Button.resolver.mjs';
15
15
  export { default as IconButton } from './IconButton/IconButton.mjs';
16
+ export { default as Calendar } from './Calendar/Calendar.mjs';
16
17
  export { default as Carousel } from './Carousel/Carousel.mjs';
17
18
  export { default as Card } from './_deprecated/Card/Card.mjs';
18
19
  export { default as Checkbox } from './Checkbox/Checkbox.mjs';
@@ -29,7 +30,6 @@ export { default as BaseCard } from './common/BaseCard/BaseCard.mjs';
29
30
  export { default as CriticalCommsBanner } from './_deprecated/CriticalBanner/CriticalCommsBanner.mjs';
30
31
  export { default as DateInput } from './DateInput/DateInput.mjs';
31
32
  export { default as DateLookup } from './DateLookup/DateLookup.mjs';
32
- export { default as Calendar } from './Calendar/Calendar.mjs';
33
33
  export { default as Decision, DecisionPresentation, DecisionType } from './Decision/Decision.mjs';
34
34
  export { default as DefinitionList } from './DefinitionList/DefinitionList.mjs';
35
35
  export { default as Dimmer } from './Dimmer/Dimmer.mjs';
package/build/main.css CHANGED
@@ -27269,46 +27269,12 @@ a[data-toggle="tooltip"] {
27269
27269
  pointer-events: auto;
27270
27270
  }
27271
27271
 
27272
- .tw-date-lookup-calendar {
27273
- min-width: 300px;
27274
- text-align: center;
27275
- table-layout: fixed;
27276
- border: none;
27277
- background-color: inherit;
27278
- }
27279
-
27280
- .tw-date-lookup-calendar thead {
27281
- background-color: transparent;
27282
- background-color: initial;
27283
- }
27284
-
27285
- .tw-date-lookup-calendar > tbody > tr > td.weekend button {
27286
- color: #5d7079;
27287
- color: var(--color-content-secondary);
27288
- }
27289
-
27290
- .tw-date-lookup-calendar > tbody > tr > td {
27291
- border: none;
27292
- padding: 4px;
27293
- padding: var(--size-4);
27294
- }
27295
-
27296
- @media (max-width: 320px) {
27297
- .tw-date-lookup-calendar > tbody > tr > td {
27298
- padding: 0;
27299
- }
27300
- }
27301
-
27302
- .tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
27303
- padding: 1px;
27304
- }
27305
-
27306
- .tw-date-lookup-calendar > tbody > tr > td button {
27272
+ .wds-Calendar__option--day,
27273
+ .wds-Calendar__option--month,
27274
+ .wds-Calendar__option--year {
27307
27275
  width: 100%;
27308
27276
  padding: 4px 0;
27309
27277
  padding: var(--size-4) 0;
27310
- color: #0097c7;
27311
- color: var(--color-content-accent);
27312
27278
  border: transparent;
27313
27279
  border-radius: 10px;
27314
27280
  border-radius: var(--radius-small);
@@ -27320,12 +27286,92 @@ a[data-toggle="tooltip"] {
27320
27286
  }
27321
27287
 
27322
27288
  @media (max-width: 320px) {
27323
- .tw-date-lookup-calendar > tbody > tr > td button {
27289
+ .wds-Calendar__option--day,
27290
+ .wds-Calendar__option--month,
27291
+ .wds-Calendar__option--year {
27324
27292
  padding: 0;
27325
27293
  }
27326
27294
  }
27327
27295
 
27328
- .tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
27296
+ .wds-Calendar__option--day:focus,
27297
+ .wds-Calendar__option--month:focus,
27298
+ .wds-Calendar__option--year:focus {
27299
+ background-color: var(--color-background-screen-hover);
27300
+ }
27301
+
27302
+ .wds-Calendar__option--day.disabled,
27303
+ .wds-Calendar__option--month.disabled,
27304
+ .wds-Calendar__option--year.disabled,
27305
+ .wds-Calendar__option--day[aria-disabled="true"],
27306
+ .wds-Calendar__option--month[aria-disabled="true"],
27307
+ .wds-Calendar__option--year[aria-disabled="true"] {
27308
+ --ring-outline-color: var(--color-sentiment-content-primary);
27309
+ color: #768e9c;
27310
+ color: var(--color-content-tertiary);
27311
+ cursor: not-allowed;
27312
+ }
27313
+
27314
+ .wds-Calendar__option--day.disabled:hover,
27315
+ .wds-Calendar__option--month.disabled:hover,
27316
+ .wds-Calendar__option--year.disabled:hover,
27317
+ .wds-Calendar__option--day[aria-disabled="true"]:hover,
27318
+ .wds-Calendar__option--month[aria-disabled="true"]:hover,
27319
+ .wds-Calendar__option--year[aria-disabled="true"]:hover,
27320
+ .wds-Calendar__option--day.disabled:focus,
27321
+ .wds-Calendar__option--month.disabled:focus,
27322
+ .wds-Calendar__option--year.disabled:focus,
27323
+ .wds-Calendar__option--day[aria-disabled="true"]:focus,
27324
+ .wds-Calendar__option--month[aria-disabled="true"]:focus,
27325
+ .wds-Calendar__option--year[aria-disabled="true"]:focus {
27326
+ filter: initial;
27327
+ opacity: 1;
27328
+ opacity: initial;
27329
+ background-color: var(--color-sentiment-background-surface);
27330
+ color: var(--color-sentiment-content-primary);
27331
+ }
27332
+
27333
+ .wds-Calendar__option--day.disabled.active,
27334
+ .wds-Calendar__option--month.disabled.active,
27335
+ .wds-Calendar__option--year.disabled.active,
27336
+ .wds-Calendar__option--day[aria-disabled="true"].active,
27337
+ .wds-Calendar__option--month[aria-disabled="true"].active,
27338
+ .wds-Calendar__option--year[aria-disabled="true"].active,
27339
+ .wds-Calendar__option--day.disabled.active:hover,
27340
+ .wds-Calendar__option--month.disabled.active:hover,
27341
+ .wds-Calendar__option--year.disabled.active:hover,
27342
+ .wds-Calendar__option--day[aria-disabled="true"].active:hover,
27343
+ .wds-Calendar__option--month[aria-disabled="true"].active:hover,
27344
+ .wds-Calendar__option--year[aria-disabled="true"].active:hover,
27345
+ .wds-Calendar__option--day.disabled.active:active,
27346
+ .wds-Calendar__option--month.disabled.active:active,
27347
+ .wds-Calendar__option--year.disabled.active:active,
27348
+ .wds-Calendar__option--day[aria-disabled="true"].active:active,
27349
+ .wds-Calendar__option--month[aria-disabled="true"].active:active,
27350
+ .wds-Calendar__option--year[aria-disabled="true"].active:active,
27351
+ .wds-Calendar__option--day.disabled.active:focus,
27352
+ .wds-Calendar__option--month.disabled.active:focus,
27353
+ .wds-Calendar__option--year.disabled.active:focus,
27354
+ .wds-Calendar__option--day[aria-disabled="true"].active:focus,
27355
+ .wds-Calendar__option--month[aria-disabled="true"].active:focus,
27356
+ .wds-Calendar__option--year[aria-disabled="true"].active:focus {
27357
+ filter: initial;
27358
+ opacity: 1;
27359
+ opacity: initial;
27360
+ background-color: var(--color-sentiment-interactive-primary);
27361
+ color: var(--color-sentiment-interactive-secondary);
27362
+ }
27363
+
27364
+ .wds-Calendar__option--day.disabled.today,
27365
+ .wds-Calendar__option--month.disabled.today,
27366
+ .wds-Calendar__option--year.disabled.today,
27367
+ .wds-Calendar__option--day[aria-disabled="true"].today,
27368
+ .wds-Calendar__option--month[aria-disabled="true"].today,
27369
+ .wds-Calendar__option--year[aria-disabled="true"].today {
27370
+ text-decoration-color: #768e9c;
27371
+ text-decoration-color: var(--color-content-tertiary);
27372
+ }
27373
+
27374
+ .wds-Calendar__option--day {
27329
27375
  height: 40px;
27330
27376
  height: var(--size-40);
27331
27377
  border-radius: 9999px;
@@ -27340,19 +27386,53 @@ a[data-toggle="tooltip"] {
27340
27386
  justify-content: center;
27341
27387
  }
27342
27388
 
27343
- .tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
27389
+ .wds-Calendar__option--day.today {
27344
27390
  -webkit-text-decoration: underline;
27345
27391
  text-decoration: underline;
27346
27392
  text-decoration-thickness: 2px;
27347
27393
  text-underline-offset: 4px;
27348
27394
  }
27349
27395
 
27350
- .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
27351
- .tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
27396
+ .tw-date-lookup-calendar {
27397
+ min-width: 300px;
27398
+ text-align: center;
27399
+ table-layout: fixed;
27400
+ border: none;
27401
+ background-color: inherit;
27402
+ }
27403
+
27404
+ .tw-date-lookup-calendar thead {
27405
+ background-color: transparent;
27406
+ background-color: initial;
27407
+ }
27408
+
27409
+ .tw-date-lookup-calendar > tbody > tr > td.weekend button {
27410
+ color: #5d7079;
27411
+ color: var(--color-content-secondary);
27412
+ }
27413
+
27414
+ .tw-date-lookup-calendar > tbody > tr > td {
27415
+ border: none;
27416
+ padding: 4px;
27417
+ padding: var(--size-4);
27418
+ }
27419
+
27420
+ @media (max-width: 320px) {
27421
+ .tw-date-lookup-calendar > tbody > tr > td {
27422
+ padding: 0;
27423
+ }
27424
+ }
27425
+
27426
+ .tw-date-lookup-calendar > tbody > tr > td:has(.wds-Calendar__option--day) {
27427
+ padding: 1px;
27428
+ }
27429
+
27430
+ .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus:not(.disabled):not([aria-disabled="true"]),
27431
+ .tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled):not([aria-disabled="true"]) {
27352
27432
  background-color: var(--color-background-screen-hover);
27353
27433
  }
27354
27434
 
27355
- .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
27435
+ .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active:not([aria-disabled="true"]) {
27356
27436
  background-color: var(--color-interactive-primary);
27357
27437
  color: var(--color-interactive-contrast);
27358
27438
  }
@@ -32682,11 +32762,6 @@ html:not([dir="rtl"]) .np-navigation-option {
32682
32762
  will-change: width;
32683
32763
  }
32684
32764
 
32685
- .np-sticky.sliding-panel--open-bottom {
32686
- padding-bottom: env(safe-area-inset-bottom, 0px);
32687
- padding-bottom: var(--np-sticky-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
32688
- }
32689
-
32690
32765
  .np-select .np-dropdown-toggle {
32691
32766
  background-color: #ffffff;
32692
32767
  background-color: var(--color-background-screen);
@@ -1,37 +1,9 @@
1
- .tw-date-lookup-calendar {
2
- min-width: 300px;
3
- text-align: center;
4
- table-layout: fixed;
5
- border: none;
6
- background-color: inherit;
7
- }
8
- .tw-date-lookup-calendar thead {
9
- background-color: transparent;
10
- background-color: initial;
11
- }
12
- .tw-date-lookup-calendar > tbody > tr > td.weekend button {
13
- color: #5d7079;
14
- color: var(--color-content-secondary);
15
- }
16
- .tw-date-lookup-calendar > tbody > tr > td {
17
- border: none;
18
- padding: 4px;
19
- padding: var(--size-4);
20
- }
21
- @media (max-width: 320px) {
22
- .tw-date-lookup-calendar > tbody > tr > td {
23
- padding: 0;
24
- }
25
- }
26
- .tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
27
- padding: 1px;
28
- }
29
- .tw-date-lookup-calendar > tbody > tr > td button {
1
+ .wds-Calendar__option--day,
2
+ .wds-Calendar__option--month,
3
+ .wds-Calendar__option--year {
30
4
  width: 100%;
31
5
  padding: 4px 0;
32
6
  padding: var(--size-4) 0;
33
- color: #0097c7;
34
- color: var(--color-content-accent);
35
7
  border: transparent;
36
8
  border-radius: 10px;
37
9
  border-radius: var(--radius-small);
@@ -42,11 +14,86 @@
42
14
  color: var(--color-content-primary);
43
15
  }
44
16
  @media (max-width: 320px) {
45
- .tw-date-lookup-calendar > tbody > tr > td button {
17
+ .wds-Calendar__option--day,
18
+ .wds-Calendar__option--month,
19
+ .wds-Calendar__option--year {
46
20
  padding: 0;
47
21
  }
48
22
  }
49
- .tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
23
+ .wds-Calendar__option--day:focus,
24
+ .wds-Calendar__option--month:focus,
25
+ .wds-Calendar__option--year:focus {
26
+ background-color: var(--color-background-screen-hover);
27
+ }
28
+ .wds-Calendar__option--day.disabled,
29
+ .wds-Calendar__option--month.disabled,
30
+ .wds-Calendar__option--year.disabled,
31
+ .wds-Calendar__option--day[aria-disabled="true"],
32
+ .wds-Calendar__option--month[aria-disabled="true"],
33
+ .wds-Calendar__option--year[aria-disabled="true"] {
34
+ --ring-outline-color: var(--color-sentiment-content-primary);
35
+ color: #768e9c;
36
+ color: var(--color-content-tertiary);
37
+ cursor: not-allowed;
38
+ }
39
+ .wds-Calendar__option--day.disabled:hover,
40
+ .wds-Calendar__option--month.disabled:hover,
41
+ .wds-Calendar__option--year.disabled:hover,
42
+ .wds-Calendar__option--day[aria-disabled="true"]:hover,
43
+ .wds-Calendar__option--month[aria-disabled="true"]:hover,
44
+ .wds-Calendar__option--year[aria-disabled="true"]:hover,
45
+ .wds-Calendar__option--day.disabled:focus,
46
+ .wds-Calendar__option--month.disabled:focus,
47
+ .wds-Calendar__option--year.disabled:focus,
48
+ .wds-Calendar__option--day[aria-disabled="true"]:focus,
49
+ .wds-Calendar__option--month[aria-disabled="true"]:focus,
50
+ .wds-Calendar__option--year[aria-disabled="true"]:focus {
51
+ filter: initial;
52
+ opacity: 1;
53
+ opacity: initial;
54
+ background-color: var(--color-sentiment-background-surface);
55
+ color: var(--color-sentiment-content-primary);
56
+ }
57
+ .wds-Calendar__option--day.disabled.active,
58
+ .wds-Calendar__option--month.disabled.active,
59
+ .wds-Calendar__option--year.disabled.active,
60
+ .wds-Calendar__option--day[aria-disabled="true"].active,
61
+ .wds-Calendar__option--month[aria-disabled="true"].active,
62
+ .wds-Calendar__option--year[aria-disabled="true"].active,
63
+ .wds-Calendar__option--day.disabled.active:hover,
64
+ .wds-Calendar__option--month.disabled.active:hover,
65
+ .wds-Calendar__option--year.disabled.active:hover,
66
+ .wds-Calendar__option--day[aria-disabled="true"].active:hover,
67
+ .wds-Calendar__option--month[aria-disabled="true"].active:hover,
68
+ .wds-Calendar__option--year[aria-disabled="true"].active:hover,
69
+ .wds-Calendar__option--day.disabled.active:active,
70
+ .wds-Calendar__option--month.disabled.active:active,
71
+ .wds-Calendar__option--year.disabled.active:active,
72
+ .wds-Calendar__option--day[aria-disabled="true"].active:active,
73
+ .wds-Calendar__option--month[aria-disabled="true"].active:active,
74
+ .wds-Calendar__option--year[aria-disabled="true"].active:active,
75
+ .wds-Calendar__option--day.disabled.active:focus,
76
+ .wds-Calendar__option--month.disabled.active:focus,
77
+ .wds-Calendar__option--year.disabled.active:focus,
78
+ .wds-Calendar__option--day[aria-disabled="true"].active:focus,
79
+ .wds-Calendar__option--month[aria-disabled="true"].active:focus,
80
+ .wds-Calendar__option--year[aria-disabled="true"].active:focus {
81
+ filter: initial;
82
+ opacity: 1;
83
+ opacity: initial;
84
+ background-color: var(--color-sentiment-interactive-primary);
85
+ color: var(--color-sentiment-interactive-secondary);
86
+ }
87
+ .wds-Calendar__option--day.disabled.today,
88
+ .wds-Calendar__option--month.disabled.today,
89
+ .wds-Calendar__option--year.disabled.today,
90
+ .wds-Calendar__option--day[aria-disabled="true"].today,
91
+ .wds-Calendar__option--month[aria-disabled="true"].today,
92
+ .wds-Calendar__option--year[aria-disabled="true"].today {
93
+ text-decoration-color: #768e9c;
94
+ text-decoration-color: var(--color-content-tertiary);
95
+ }
96
+ .wds-Calendar__option--day {
50
97
  height: 40px;
51
98
  height: var(--size-40);
52
99
  border-radius: 9999px;
@@ -60,17 +107,45 @@
60
107
  align-items: center;
61
108
  justify-content: center;
62
109
  }
63
- .tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
110
+ .wds-Calendar__option--day.today {
64
111
  -webkit-text-decoration: underline;
65
112
  text-decoration: underline;
66
113
  text-decoration-thickness: 2px;
67
114
  text-underline-offset: 4px;
68
115
  }
69
- .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
70
- .tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
116
+ .tw-date-lookup-calendar {
117
+ min-width: 300px;
118
+ text-align: center;
119
+ table-layout: fixed;
120
+ border: none;
121
+ background-color: inherit;
122
+ }
123
+ .tw-date-lookup-calendar thead {
124
+ background-color: transparent;
125
+ background-color: initial;
126
+ }
127
+ .tw-date-lookup-calendar > tbody > tr > td.weekend button {
128
+ color: #5d7079;
129
+ color: var(--color-content-secondary);
130
+ }
131
+ .tw-date-lookup-calendar > tbody > tr > td {
132
+ border: none;
133
+ padding: 4px;
134
+ padding: var(--size-4);
135
+ }
136
+ @media (max-width: 320px) {
137
+ .tw-date-lookup-calendar > tbody > tr > td {
138
+ padding: 0;
139
+ }
140
+ }
141
+ .tw-date-lookup-calendar > tbody > tr > td:has(.wds-Calendar__option--day) {
142
+ padding: 1px;
143
+ }
144
+ .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus:not(.disabled):not([aria-disabled="true"]),
145
+ .tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled):not([aria-disabled="true"]) {
71
146
  background-color: var(--color-background-screen-hover);
72
147
  }
73
- .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
148
+ .tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active:not([aria-disabled="true"]) {
74
149
  background-color: var(--color-interactive-primary);
75
150
  color: var(--color-interactive-contrast);
76
151
  }