add week and month

microsoft · Sep 7, 2023 · 4d9071c · 4d9071c
1 parent ee94faa
commit 4d9071c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/packages/web-components/fast-foundation/src/text-field/stories/text-field.register.ts b/packages/web-components/fast-foundation/src/text-field/stories/text-field.register.ts
@@ -44,7 +44,9 @@ const styles = css`
         line-height: var(--type-ramp-base-line-height);
     }
 
-    input[type="date"]::-webkit-calendar-picker-indicator {
+    input[type="date"]::-webkit-calendar-picker-indicator,
+    input[type="week"]::-webkit-calendar-picker-indicator,
+    input[type="month"]::-webkit-calendar-picker-indicator {
         filter: invert(0.5);
     }
 

diff --git a/packages/web-components/fast-foundation/src/text-field/text-field.options.ts b/packages/web-components/fast-foundation/src/text-field/text-field.options.ts
@@ -34,6 +34,16 @@ export const TextFieldType = {
      * A date TextField
      */
     date: "date",
+
+    /**
+     * A month TextField
+     */
+    month: "month",
+
+    /**
+     * A week TextField
+     */
+    week: "week",
 } as const;
 
 /**

diff --git a/packages/web-components/fast-foundation/src/text-field/text-field.spec.md b/packages/web-components/fast-foundation/src/text-field/text-field.spec.md
@@ -13,6 +13,8 @@ Used anywhere an author might otherwise use:
 - input[type="tel"]
 - input[type="url"]
 - input[type="date"]
+- input[type="week"]
+- input[type="month"]
 
 ### Features