@genesislcap/foundation-ui 14.236.1-alpha-ed0d291.0 → 14.237.0

package/dist/dts/date-picker/calendar.d.ts

@@ -1,8 +1,9 @@
+import Day from './day';
 import Month from './month';
 export default class Calendar {
-    today: any;
+    today: Day;
     year: number;
-    month: any;
+    month: Month;
     lang: string;
     weekDays: unknown[];
     constructor(year?: any, monthNumber?: any, lang?: string);

package/dist/dts/date-picker/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/date-picker/calendar.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,MAAM,CAAC,OAAO,OAAO,QAAQ;IAC3B,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,YAA6B;gBAEzB,IAAI,MAAO,EAAE,WAAW,MAAO,EAAE,IAAI,SAAY;IAW7D,QAAQ,CAAC,WAAW,KAAA;IAIpB,gBAAgB;IAShB,YAAY;IAQZ,QAAQ,CAAC,WAAW,KAAA,EAAE,IAAI,KAAA;IAK1B,YAAY;IAKZ,gBAAgB;IAMhB,aAAa;IAQb,iBAAiB;CAOlB"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/date-picker/calendar.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,MAAM,CAAC,OAAO,OAAO,QAAQ;IAC3B,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,YAA6B;gBAEzB,IAAI,MAAO,EAAE,WAAW,MAAO,EAAE,IAAI,SAAY;IAW7D,QAAQ,CAAC,WAAW,KAAA;IAIpB,gBAAgB;IAShB,YAAY;IAQZ,QAAQ,CAAC,WAAW,KAAA,EAAE,IAAI,KAAA;IAK1B,YAAY;IAKZ,gBAAgB;IAMhB,aAAa;IAQb,iBAAiB;CAOlB"}

package/dist/dts/date-picker/date-picker.d.ts

@@ -1,25 +1,93 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import Calendar from './calendar';
+import Day from './day';
 export declare const foundationDatePickerShadowOptions: ShadowRootInit;
 export declare const defaultDatePickerConfig: {};
 /**
  * @tagname %%prefix%%-date-picker
  */
 export declare class DatePicker extends FoundationElement {
+    /**
+     * @attr format - date format that will be displayed.
+     * @default 'MM-DD-YYYY
+     * @example
+     *  Date picker with day, month, year
+     * ```html
+     *  <rapid-date-picker format="MM-DD-YYYY">
+     *  </rapid-date-picker>
+     * ```
+     */
     format: string;
     formatChanged(oldValue: string, newValue: string): void;
     lang: string;
     visible: boolean;
-    position: string;
+    /**
+     * @attr position - positions the calendar picker relative to the input control.
+     * @default bottom
+     * @example
+     *  To position the calendar to the right.
+     * ```html
+     *  <rapid-date-picker position="right">
+     *  </rapid-date-picker>
+     * ```
+     */
+    position: 'bottom' | 'top' | 'left' | 'right';
+    /**
+     * @attr label - the label that will be displayed next to the date input text field
+     * @example
+     *  To add a label with the value "Trade Date"
+     * ```html
+     *  <rapid-date-picker label="Trade date">
+     *  </rapid-date-picker>
+     * ```
+     */
     label: string;
+    /**
+     * @attr value - sets the value of the date picker
+     * @example
+     *  To set a value of January 1st 2025, assuming MM/DD/YYYY date format
+     * ```html
+     *  <rapid-date-picker value="01/20/2025">
+     *  </rapid-date-picker>
+     * ```
+     */
     value: string;
     valueChanged(oldValue: string, newValue: string): void;
-    currentDate: any;
-    currentMonth: Calendar;
+    /**
+     * @internal
+     */
+    currentDate: Day;
+    /**
+     * @internal
+     */
+    currentMonth: string;
+    /**
+     * @internal
+     */
     currentYear: number;
+    /**
+     * @internal
+     */
     calendarDropdownClasses: String;
+    /**
+     * @internal
+     */
     formatDate: string;
-    monthList: any;
+    /**
+     * @internal
+     */
+    monthList: Day[];
+    /**
+     * @public disabledDaysOfWeek - an array of numbers disabling days of the week.
+     * Sunday = 1, Monday = 2, Tuesday = 3, Wednesday = 4, Thursday = 5, Friday = 6, Saturday = 7
+     * @example
+     *  To disable Saturday and Sunday.
+     * ```html
+     *  <rapid-date-picker :disabledDaysOfWeek="${() => [1,7]}">
+     *  </rapid-date-picker>
+     * ```
+     */
+    disabledDaysOfWeek: number[];
     calendar: Calendar;
     toggleButton: HTMLElement;
     calendarDaysContainer: HTMLElement;
@@ -27,7 +95,6 @@ export declare class DatePicker extends FoundationElement {
     prevBtn: HTMLElement;
     nextBtn: HTMLElement;
     substringNumber: number;
-    constructor();
     connectedCallback(): void;
     updateHeaderText(): void;
     toggleCalendar(): void;
@@ -37,7 +104,7 @@ export declare class DatePicker extends FoundationElement {
     prevMonth(): void;
     nextMonth(): void;
     selectDay(day: any): void;
-    getMonthDaysGrid(): unknown[];
+    getMonthDaysGrid(): Day[];
 }
 /**
  * The Foundation DatePicker

package/dist/dts/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAO/D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAKlC,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IACzC,MAAM,SAAgB;IAC5B,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK1C,IAAI,SAAW;IACf,OAAO,UAAS;IAChB,QAAQ,SAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAUnC,WAAW,EAAE,GAAG,CAAC;IACjB,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,EAAE,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,WAAW,CAAC;IAC1B,qBAAqB,EAAE,WAAW,CAAC;IACnC,kBAAkB,EAAE,WAAW,CAAC;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;;IAiBxB,iBAAiB;IAYjB,gBAAgB;IAKhB,cAAc;IAUd,gBAAgB;IAIhB,cAAc,CAAC,IAAI,KAAA;IAInB,sBAAsB;IAOtB,SAAS;IAMT,SAAS;IAMT,SAAS,CAAC,GAAG,KAAA;IAYb,gBAAgB;CAkBjB;AACD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;qBAM/B,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAO/D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,OAAO,GAAG,MAAM,OAAO,CAAC;AAGxB,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IAC/C;;;;;;;;;OASG;IACG,MAAM,SAAgB;IAC5B,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK1C,IAAI,SAAW;IACf,OAAO,UAAS;IAEtB;;;;;;;;;OASG;IACG,QAAQ,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAY;IAE/D;;;;;;;;OAQG;IACG,KAAK,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACG,KAAK,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAU/C;;OAEG;IACS,WAAW,EAAE,GAAG,CAAC;IAC7B;;OAEG;IACS,YAAY,EAAE,MAAM,CAAC;IACjC;;OAEG;IACS,WAAW,EAAE,MAAM,CAAC;IAChC;;OAEG;IACS,uBAAuB,EAAE,MAAM,CAAC;IAC5C;;OAEG;IACS,UAAU,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACS,SAAS,EAAE,GAAG,EAAE,CAAC;IAE7B;;;;;;;;;OASG;IACS,kBAAkB,EAAE,MAAM,EAAE,CAAM;IAClC,QAAQ,EAAE,QAAQ,CAAC;IAC/B,YAAY,EAAE,WAAW,CAAC;IAC1B,qBAAqB,EAAE,WAAW,CAAC;IACnC,kBAAkB,EAAE,WAAW,CAAC;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IAExB,iBAAiB;IA0BjB,gBAAgB,IAAI,IAAI;IAKxB,cAAc,IAAI,IAAI;IAUtB,gBAAgB,IAAI,IAAI;IAIxB,cAAc,CAAC,IAAI,KAAA,GAAG,OAAO;IAI7B,sBAAsB,IAAI,OAAO;IASjC,SAAS,IAAI,IAAI;IAMjB,SAAS,IAAI,IAAI;IAMjB,SAAS,CAAC,GAAG,KAAA,GAAG,IAAI;IAYpB,gBAAgB,IAAI,GAAG,EAAE;CAkB1B;AACD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;qBAM/B,CAAC"}

package/dist/dts/date-picker/date-picker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,EAAE,aA+IxC,CAAC"}
+{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,EAAE,aAwJxC,CAAC"}

package/dist/dts/date-picker/date-picker.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,qBAAqB,WAAY,MAAM,oEA0CnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
+{"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,qBAAqB,WAAY,MAAM,oEAqDnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}

package/dist/dts/date-picker/day.d.ts

@@ -1,5 +1,5 @@
 export default class Day {
-    Date: Object;
+    Date: Date;
     date: Date;
     day: string;
     dayNumber: number;

package/dist/dts/date-picker/day.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"day.d.ts","sourceRoot":"","sources":["../../../src/date-picker/day.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;gBAED,IAAI,MAAO,EAAE,IAAI,SAAY;CAc1C"}
+{"version":3,"file":"day.d.ts","sourceRoot":"","sources":["../../../src/date-picker/day.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,GAAG;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;gBAED,IAAI,MAAO,EAAE,IAAI,SAAY;CAc1C"}

package/dist/dts/date-picker/day.util.d.ts

@@ -0,0 +1,6 @@
+import Day from './day';
+export declare const getNextDay: (date: Date, numDays?: number) => Date;
+export declare const getPreviousDay: (date: Date, numDays?: number) => Date;
+export declare const isDayEnabled: (disabledDays: number[], day: Day) => boolean;
+export declare const getNextEnabledDay: (disabledDaysOfWeek: number[], currentDate: Day, lang: string) => Day;
+//# sourceMappingURL=day.util.d.ts.map

package/dist/dts/date-picker/day.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"day.util.d.ts","sourceRoot":"","sources":["../../../src/date-picker/day.util.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,eAAO,MAAM,UAAU,SAAU,IAAI,uBAAgB,IAIpD,CAAC;AAEF,eAAO,MAAM,cAAc,SAAU,IAAI,uBAAgB,IAIxD,CAAC;AAEF,eAAO,MAAM,YAAY,iBAAkB,MAAM,EAAE,OAAO,GAAG,KAAG,OAE/D,CAAC;AAOF,eAAO,MAAM,iBAAiB,uBACR,MAAM,EAAE,eACf,GAAG,QACV,MAAM,KACX,GAmBF,CAAC"}

package/dist/dts/date-picker/month.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"month.d.ts","sourceRoot":"","sources":["../../../src/date-picker/month.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,OAAO,CAAC;AAIxB,MAAM,CAAC,OAAO,OAAO,KAAK;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;gBAET,IAAI,MAAO,EAAE,IAAI,SAAY;IAgBzC,MAAM,CAAC,IAAI,KAAA;CAGZ"}
+{"version":3,"file":"month.d.ts","sourceRoot":"","sources":["../../../src/date-picker/month.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,OAAO,CAAC;AAIxB,MAAM,CAAC,OAAO,OAAO,KAAK;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;gBAET,IAAI,MAAO,EAAE,IAAI,SAAY;IAgBzC,MAAM,CAAC,IAAI,KAAA,GAAG,GAAG;CAGlB"}

package/dist/esm/date-picker/date-picker.js

@@ -10,12 +10,51 @@ import Calendar from './calendar';
 import { foundationDatePickerStyles as styles } from './date-picker.styles';
 import { foundationDatePickerTemplate as template } from './date-picker.template';
 import Day from './day';
+import { getNextEnabledDay } from './day.util';
 export const foundationDatePickerShadowOptions = undefined;
 export const defaultDatePickerConfig = {};
 /**
  * @tagname %%prefix%%-date-picker
  */
 export class DatePicker extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * @attr format - date format that will be displayed.
+         * @default 'MM-DD-YYYY
+         * @example
+         *  Date picker with day, month, year
+         * ```html
+         *  <rapid-date-picker format="MM-DD-YYYY">
+         *  </rapid-date-picker>
+         * ```
+         */
+        this.format = 'MM-DD-YYYY';
+        this.lang = 'en-US';
+        this.visible = false;
+        /**
+         * @attr position - positions the calendar picker relative to the input control.
+         * @default bottom
+         * @example
+         *  To position the calendar to the right.
+         * ```html
+         *  <rapid-date-picker position="right">
+         *  </rapid-date-picker>
+         * ```
+         */
+        this.position = 'bottom';
+        /**
+         * @public disabledDaysOfWeek - an array of numbers disabling days of the week.
+         * Sunday = 1, Monday = 2, Tuesday = 3, Wednesday = 4, Thursday = 5, Friday = 6, Saturday = 7
+         * @example
+         *  To disable Saturday and Sunday.
+         * ```html
+         *  <rapid-date-picker :disabledDaysOfWeek="${() => [1,7]}">
+         *  </rapid-date-picker>
+         * ```
+         */
+        this.disabledDaysOfWeek = [];
+    }
     formatChanged(oldValue, newValue) {
         if (newValue && this.calendar) {
             this.formatDate = dayjs(this.currentDate.Date).format(newValue);
@@ -31,24 +70,22 @@ export class DatePicker extends FoundationElement {
             this.monthList = this.getMonthDaysGrid();
         }
     }
-    constructor() {
-        super();
-        this.format = 'MM-DD-YYYY';
-        this.lang = 'en-US';
-        this.visible = false;
-        this.position = 'bottom';
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
         dayjs.extend(customParseFormat);
         dayjs.extend(LocalizedFormat);
         dayjs.extend(localeData);
         this.substringNumber = 3;
         const dateString = this.getAttribute('value');
         const dayjsDate = dateString ? dayjs(dateString, 'MM-DD-YYYY') : dayjs();
-        this.currentDate = new Day(dayjsDate.toDate(), this.lang);
+        let currentDate = new Day(dayjsDate.toDate(), this.lang);
+        if ((_a = this.disabledDaysOfWeek) === null || _a === void 0 ? void 0 : _a.length) {
+            currentDate = getNextEnabledDay(this.disabledDaysOfWeek, currentDate, this.lang);
+        }
+        this.currentDate = currentDate;
         this.calendar = new Calendar(this.currentDate.year, this.currentDate.monthNumber, this.lang);
         this.value = dayjs(this.currentDate.Date).format('MM-DD-YYYY');
-    }
-    connectedCallback() {
-        super.connectedCallback();
         this.currentMonth = this.calendar.month.name;
         this.currentYear = this.calendar.year;
         this.formatDate = dayjs(this.currentDate.Date).format(this.format);
@@ -76,7 +113,10 @@ export class DatePicker extends FoundationElement {
         return dayjs(date.Date).isSame(this.currentDate.Date, 'day');
     }
     isCurrentCalendarMonth() {
-        return (this.currentMonth === this.currentDate.monthNumber &&
+        return (
+        // ToDo FUI-2290 adding types. Investigate is currentMonth can be a number or is this a bug
+        // @ts-ignore
+        this.currentMonth === this.currentDate.monthNumber &&
             this.currentYear === this.currentDate.year);
     }
     prevMonth() {
@@ -152,6 +192,12 @@ __decorate([
 __decorate([
     observable
 ], DatePicker.prototype, "monthList", void 0);
+__decorate([
+    observable
+], DatePicker.prototype, "disabledDaysOfWeek", void 0);
+__decorate([
+    observable
+], DatePicker.prototype, "calendar", void 0);
 /**
  * The Foundation DatePicker
  *

package/dist/esm/date-picker/date-picker.styles.js

@@ -106,6 +106,10 @@ export const foundationDatePickerStyles = css `
     text-transform: capitalize;
   }
 
+  .week-days span.disabled {
+    opacity: 50%;
+  }
+
   .month-days {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
@@ -134,11 +138,16 @@ export const foundationDatePickerStyles = css `
     color: var(--neutral-foreground-rest);
   }
 
-  .month-day:hover {
+  .month-day:hover:not(:disabled) {
     background: var(--neutral-stroke-hover);
     color: (--neutral-foreground-rest);
   }
 
+  .month-day[disabled] {
+    opacity: 50%;
+    cursor: not-allowed;
+  }
+
   .date-toggle[readonly] .label {
     cursor: pointer;
   }

package/dist/esm/date-picker/date-picker.template.js

@@ -1,5 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import { ref, repeat } from '@microsoft/fast-element';
+import { classNames } from '@microsoft/fast-web-utilities';
 import { getPrefix } from '../utils/dom';
 export const getPrefixedDatePicker = (prefix) => html `
   <${prefix}-text-field data-test-id="date-picker" readonly :value="${(x) => x.formatDate}" part="date-toggle" class="date-toggle" ${ref('toggleButton')}>
@@ -19,13 +20,21 @@ export const getPrefixedDatePicker = (prefix) => html `
       </div>
     </div>
     <div class="week-days">
-      ${repeat((x) => x.calendar.weekDays, html `
-          <span>${(x, c) => x.substring(0, c.parent.substringNumber)}</span>
-        `)}
+      ${repeat((x) => { var _a; return (_a = x.calendar) === null || _a === void 0 ? void 0 : _a.weekDays; }, html `
+          <span
+            class="${(x, ctx) => classNames([
+    'disabled',
+    ctx.parent.disabledDaysOfWeek.indexOf(ctx.index + 1) !== -1,
+])}"
+          >
+            ${(x, c) => x.substring(0, c.parent.substringNumber)}
+          </span>
+        `, { positioning: true })}
     </div>
     <div class="month-days" ${ref('calendarDaysContainer')}>
       ${repeat((x) => x.monthList, html `
           <button
+            ?disabled="${(x, ctx) => ctx.parent.disabledDaysOfWeek.indexOf(x.dayNumber) !== -1}"
             class="month-day 
         ${(x, c) => (c.parent.isSelectedDate(x) ? 'selected' : '')} 
         ${(x, c) => (x.monthNumber === c.parent.calendar.month.number ? 'current' : '')}"

package/dist/esm/date-picker/day.util.js

@@ -0,0 +1,38 @@
+import { logger } from '@genesislcap/foundation-utils';
+import Day from './day';
+export const getNextDay = (date, numDays = 1) => {
+    const tomorrow = new Date();
+    tomorrow.setDate(date.getDate() + numDays);
+    return tomorrow;
+};
+export const getPreviousDay = (date, numDays = 1) => {
+    const yesterday = new Date();
+    yesterday.setDate(date.getDate() - numDays);
+    return yesterday;
+};
+export const isDayEnabled = (disabledDays, day) => {
+    return disabledDays.indexOf(day.dayNumber) === -1;
+};
+// eslint-disable-next-line @typescript-eslint/no-magic-numbers
+const daysOfWeek = [1, 2, 3, 4, 5, 6, 7];
+const NUM_DAYS_OF_WEEK = 7;
+export const getNextEnabledDay = (disabledDaysOfWeek, currentDate, lang) => {
+    if (isDayEnabled(disabledDaysOfWeek, currentDate)) {
+        return currentDate;
+    }
+    const enabledDays = daysOfWeek.filter((d) => disabledDaysOfWeek.indexOf(d) === -1);
+    let nextDayNumber = enabledDays.find((d) => d > currentDate.dayNumber);
+    if (!nextDayNumber) {
+        nextDayNumber = Math.min(...enabledDays);
+    }
+    const rollDays = currentDate.dayNumber < nextDayNumber
+        ? nextDayNumber - currentDate.dayNumber
+        : nextDayNumber - currentDate.dayNumber + NUM_DAYS_OF_WEEK;
+    if (enabledDays.length) {
+        return new Day(getNextDay(currentDate.Date, rollDays), lang);
+    }
+    else {
+        logger.warn('Date picker disabled days - all days of week have been disabled');
+        return currentDate;
+    }
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.236.1-alpha-ed0d291.0",
+  "version": "14.237.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/genx": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/rollup-builder": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/ts-builder": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/uvu-playwright-builder": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/vite-builder": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/webpack-builder": "14.236.1-alpha-ed0d291.0",
+    "@genesislcap/foundation-testing": "14.237.0",
+    "@genesislcap/genx": "14.237.0",
+    "@genesislcap/rollup-builder": "14.237.0",
+    "@genesislcap/ts-builder": "14.237.0",
+    "@genesislcap/uvu-playwright-builder": "14.237.0",
+    "@genesislcap/vite-builder": "14.237.0",
+    "@genesislcap/webpack-builder": "14.237.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.0",
     "rxjs": "^7.5.4"
@@ -100,13 +100,13 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/foundation-comms": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/foundation-criteria": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/foundation-errors": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/foundation-logger": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/foundation-notifications": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/foundation-user": "14.236.1-alpha-ed0d291.0",
-    "@genesislcap/foundation-utils": "14.236.1-alpha-ed0d291.0",
+    "@genesislcap/foundation-comms": "14.237.0",
+    "@genesislcap/foundation-criteria": "14.237.0",
+    "@genesislcap/foundation-errors": "14.237.0",
+    "@genesislcap/foundation-logger": "14.237.0",
+    "@genesislcap/foundation-notifications": "14.237.0",
+    "@genesislcap/foundation-user": "14.237.0",
+    "@genesislcap/foundation-utils": "14.237.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "56cfffe113d26fcbbad5d901393695501b81688a"
+  "gitHead": "cf9e69d5468bebebfa4be788ce5b02ed8fa409a5"
 }