{"id":2940215,"date":"2025-09-30T04:15:37","date_gmt":"2025-09-30T11:15:37","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2940215"},"modified":"2025-09-30T04:24:55","modified_gmt":"2025-09-30T11:24:55","slug":"whats-new-in-calcite-design-system-3-3-september-2025","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025","title":{"rendered":"What&#8217;s New in Calcite Design System 3.3 (September 2025)"},"author":309572,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37101,738191],"tags":[759512,780822],"industry":[],"product":[36601],"class_list":["post-2940215","blog","type-blog","status-publish","format-standard","hentry","category-announcements","category-developers","tag-calcite-design-system","tag-whats-new-october-2025","product-developers"],"acf":{"authors":[{"ID":309572,"user_firstname":"Kitty","user_lastname":"Hurley","nickname":"Kitty Hurley","user_nicename":"khurley","display_name":"Kitty Hurley","user_email":"khurley@esri.com","user_url":"https:\/\/www.github.com\/geospatialem","user_registered":"2022-05-04 21:30:59","user_description":"Kitty is a Principal Product Engineer with Calcite Design System, passionate about expanding access to the web and maps for broader audiences. She is dedicated to creating inclusive, user-friendly web experiences that connect people and places through innovative design and technology. Outside of work, Kitty enjoys exploring the wilderness of Minnesota and has a goal to visit every major league baseball stadium across America.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Esri_Day2_PSCC2024_H_0127-e1710789483673-261x261.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"short_description":"Explore what's new in September 2025 to Calcite Design System, including new components and improvements to help you build a user-friendly UI\/UX.","flexible_content":[{"acf_fc_layout":"image","image":{"ID":2940545,"id":2940545,"title":"","filename":"Banner_large-1920w.png","filesize":3454251,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/banner_large-1920w","alt":"","author":"309572","description":"","caption":"","name":"banner_large-1920w","status":"inherit","uploaded_to":2940215,"date":"2025-09-19 23:31:38","modified":"2025-09-19 23:31:52","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1920,"height":1080,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w.png","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w.png","large-width":1920,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w-1536x864.png","1536x1536-width":1536,"1536x1536-height":864,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w.png","2048x2048-width":1920,"2048x2048-height":1080,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w-826x465.png","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w.png","wide_image-width":1920,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Learn all about the key updates in Calcite Design System that we\u2019ve recently released with 3.3!<\/p>\n<p>Since 3.2, we\u2019ve made important additions to component design tokens for custom theming via CSS variables, continued consistency across components, introduced new functionality, and made many updates worth exploring.<\/p>\n<p>Read on to explore some of the highlights since May, including:<\/p>\n<ul>\n<li><a href=\"#swatch-and-swatch-group\">Swatch and Swatch Group<\/a><\/li>\n<li><a href=\"#component-design-tokens\">Component design tokens<\/a><\/li>\n<li><a href=\"#built-in-labels-in-forms\">Built-in form labels<\/a><\/li>\n<li><a href=\"#expanded-and-collapsed-events\">Expanded and collapsed events<\/a><\/li>\n<li><a href=\"#date-picker-one-month\">Date Picker&#8217;s one month view<\/a><\/li>\n<li><a href=\"#combobox-no-results-filter\">Combobox no results filtering<\/a><\/li>\n<li><a href=\"#color-picker-fielddisabled\">Color Picker&#8217;s fieldDisabled property<\/a><\/li>\n<li><a href=\"#accordion-item-enhancements\">Accordion Item enhancements<\/a><\/li>\n<li><a href=\"#a11y-i18n\">Accessibility and internationalization improvements<\/a><\/li>\n<\/ul>\n"},{"acf_fc_layout":"content","content":"<h2 id=\"swatch-and-swatch-group\">Swatch and Swatch Group<\/h2>\n<p>Introducing the new <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/swatch\/\">Swatch<\/a> and <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/swatch-group\/\">Swatch Group<\/a> components, which showcase collections of graphical elements ideal for color selection workflows such as theming tools or dashboards. The components display a selection of colors, images, and pattern fills across a variety of selection workflows, such as single selection, including:<\/p>\n<ul>\n<li>Keyboard navigation support: Accommodate more individuals and provide usability support<\/li>\n<li>Selection workflows: Supports active, selected, and disabled states<\/li>\n<li>Integration with <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/color-picker\/\">Color Picker<\/a>: Swatch is inherently offered in Color Picker for consistency in the design system<\/li>\n<\/ul>\n"},{"acf_fc_layout":"image","image":{"ID":2940755,"id":2940755,"title":"","filename":"swatch-group-single-select.gif","filesize":103442,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/swatch-group-single-select.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/swatch-group-single-select","alt":"Swatch Group and Swatch with custom colors, backgrounds, and states that allow for one selected Swatch with single selection.","author":"309572","description":"","caption":"","name":"swatch-group-single-select","status":"inherit","uploaded_to":2940215,"date":"2025-09-23 17:21:08","modified":"2025-09-23 18:12:38","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":578,"height":106,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/swatch-group-single-select-213x106.gif","thumbnail-width":213,"thumbnail-height":106,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/swatch-group-single-select.gif","medium-width":464,"medium-height":85,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/swatch-group-single-select.gif","medium_large-width":578,"medium_large-height":106,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/swatch-group-single-select.gif","large-width":578,"large-height":106,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/swatch-group-single-select.gif","1536x1536-width":578,"1536x1536-height":106,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/swatch-group-single-select.gif","2048x2048-width":578,"2048x2048-height":106,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/swatch-group-single-select.gif","card_image-width":578,"card_image-height":106,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/swatch-group-single-select.gif","wide_image-width":578,"wide_image-height":106}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"component-design-tokens\">Component tokens<\/h2>\n<p>All components across the design system now offer <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/foundations\/tokens\/usage\/#component-tokens\">component tokens<\/a> with version 3.3 introducing tokens for the <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/color-picker\/#styles\">Color Picker<\/a>, <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/dialog\/#styles\">Dialog<\/a>, <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/popover\/#styles\">Popover<\/a>, and <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/table\/#styles\">Table<\/a> components. Component tokens allow for component level customization, such as adjusting Color Picker&#8217;s background color, border color, and border radius in your apps.<\/p>\n<p>Design tokens provide a single source of truth for visual styling including colors, spacing, and shadows, ensuring consistency across your apps and supporting theme scalability. Explore Calcite&#8217;s <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/foundations\/tokens\/usage\/\">token usage<\/a> and <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/foundations\/tokens\/reference\/\">token reference<\/a> content to learn more about design tokens, component tokens, and how you can customize your apps.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2940764,"id":2940764,"title":"","filename":"color-picker-themed.png","filesize":21358,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-themed.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/color-picker-themed","alt":"Color Picker with custom component tokens changing its background color to light pink and border radius to round.","author":"309572","description":"","caption":"","name":"color-picker-themed","status":"inherit","uploaded_to":2940215,"date":"2025-09-23 18:11:40","modified":"2025-09-23 18:12:19","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":420,"height":572,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-themed-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-themed.png","medium-width":192,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-themed.png","medium_large-width":420,"medium_large-height":572,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-themed.png","large-width":420,"large-height":572,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-themed.png","1536x1536-width":420,"1536x1536-height":572,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-themed.png","2048x2048-width":420,"2048x2048-height":572,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-themed-341x465.png","card_image-width":341,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-themed.png","wide_image-width":420,"wide_image-height":572}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<pre><code>&lt;<span style=\"color: #22863a\">style<\/span>&gt;\r\n  <span style=\"color: #005cc5\">#themed<\/span> {\r\n    <span style=\"color: #005cc5\">--calcite-color-picker-background-color<\/span>: <span style=\"color: #005cc5\">#fff5fb<\/span>;\r\n    <span style=\"color: #005cc5\">--calcite-color-picker-border-color<\/span>: <span style=\"color: #005cc5\">#eda1c6<\/span>;\r\n    <span style=\"color: #005cc5\">--calcite-color-picker-corner-radius<\/span>: <span style=\"color: #005cc5\">12px<\/span>;\r\n  }\r\n&lt;\/<span style=\"color: #22863a\">style<\/span>&gt;\r\n\r\n&lt;<span style=\"color: #22863a\">calcite-color-picker<\/span> <span style=\"color: #005cc5\">id<\/span>=<span style=\"color: #032f62\">\"themed\"<\/span> <span style=\"color: #005cc5\">alpha-channel<\/span>&gt;&lt;\/<span style=\"color: #22863a\">calcite-color-picker<\/span>&gt;\r\n<\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<h2 id=\"built-in-labels-in-forms\">Built-in form labels<\/h2>\n<p>Form-based components like <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/input-date-picker\/\">Input Date Picker<\/a> and <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/input-number\/\">Input Number<\/a>, now support built-in labels. When <code>required<\/code>, the labels provide more visual context via an indicator dot and tooltip. The required context is now also provided to assistive technologies through an <code>aria-required<\/code> attribute. Additionally, <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/label\/\">Label<\/a> provides a new <code>\"label-content\"<\/code> slot, allowing icon configurability.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2940786,"id":2940786,"title":"","filename":"form-components-built-in-labels.gif","filesize":60404,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/form-components-built-in-labels.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/form-components-built-in-labels","alt":"Date Picker and Input Number components with new built-in labels.","author":"309572","description":"","caption":"","name":"form-components-built-in-labels","status":"inherit","uploaded_to":2940215,"date":"2025-09-23 19:41:03","modified":"2025-09-23 19:41:18","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":246,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/form-components-built-in-labels-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/form-components-built-in-labels.gif","medium-width":464,"medium-height":143,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/form-components-built-in-labels.gif","medium_large-width":768,"medium_large-height":236,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/form-components-built-in-labels.gif","large-width":800,"large-height":246,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/form-components-built-in-labels.gif","1536x1536-width":800,"1536x1536-height":246,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/form-components-built-in-labels.gif","2048x2048-width":800,"2048x2048-height":246,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/form-components-built-in-labels.gif","card_image-width":800,"card_image-height":246,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/form-components-built-in-labels.gif","wide_image-width":800,"wide_image-height":246}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"expanded-and-collapsed-events\">Expanded and collapsed events<\/h2>\n<p><a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/accordion-item\/\">Accordion Item<\/a>, <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/action-bar\/\">Action Bar<\/a>, <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/block\/\">Block<\/a> and <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/list-item\/\">List Item<\/a> now emit expanded and collapsed events, such as Action Bar&#8217;s <code>calciteActionBarCollapse<\/code> and <code>calciteActionBarExpand<\/code> events. The new lifecycle events offer ways to observe and react to the component&#8217;s state changes in coordination with animations, focus management, and component state synchronization across a user interface.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2940780,"id":2940780,"title":"","filename":"action-bar-expand-and-collapse.gif","filesize":124788,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/action-bar-expand-and-collapse.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/action-bar-expand-and-collapse","alt":"Action Bar triggering text updates with calciteActionBarCollapse and calciteActionBarExpand events","author":"309572","description":"","caption":"","name":"action-bar-expand-and-collapse","status":"inherit","uploaded_to":2940215,"date":"2025-09-23 19:07:52","modified":"2025-09-23 19:08:07","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":237,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/action-bar-expand-and-collapse-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/action-bar-expand-and-collapse.gif","medium-width":464,"medium-height":137,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/action-bar-expand-and-collapse.gif","medium_large-width":768,"medium_large-height":228,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/action-bar-expand-and-collapse.gif","large-width":800,"large-height":237,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/action-bar-expand-and-collapse.gif","1536x1536-width":800,"1536x1536-height":237,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/action-bar-expand-and-collapse.gif","2048x2048-width":800,"2048x2048-height":237,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/action-bar-expand-and-collapse.gif","card_image-width":800,"card_image-height":237,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/action-bar-expand-and-collapse.gif","wide_image-width":800,"wide_image-height":237}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"date-picker-one-month\">Date Picker&#8217;s one month view<\/h2>\n<p>The <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/date-picker\/\">Date Picker<\/a> and <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/input-date-picker\/\">Input Date Picker<\/a> include a new <code>calendars<\/code> property to display the component with either a one month or two month view with respective values of <code>1<\/code> and <code>2<\/code>.<\/p>\n<p>When <code>range<\/code> is specified, allowing a start and end date, the component&#8217;s default display is a two month view. The new single month view provides a more compact alternative for mobile or limited space scenarios, while still supporting proper date range selection.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2941022,"id":2941022,"title":"","filename":"date-picker-single-calendar-range-1.png","filesize":13012,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/date-picker-single-calendar-range-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/date-picker-single-calendar-range-2","alt":"Date Picker displaying a single month view with a range of dates selected.","author":"309572","description":"","caption":"","name":"date-picker-single-calendar-range-2","status":"inherit","uploaded_to":2940215,"date":"2025-09-25 15:50:41","modified":"2025-09-25 15:51:19","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":424,"height":479,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/date-picker-single-calendar-range-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/date-picker-single-calendar-range-1.png","medium-width":231,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/date-picker-single-calendar-range-1.png","medium_large-width":424,"medium_large-height":479,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/date-picker-single-calendar-range-1.png","large-width":424,"large-height":479,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/date-picker-single-calendar-range-1.png","1536x1536-width":424,"1536x1536-height":479,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/date-picker-single-calendar-range-1.png","2048x2048-width":424,"2048x2048-height":479,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/date-picker-single-calendar-range-1-412x465.png","card_image-width":412,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/date-picker-single-calendar-range-1.png","wide_image-width":424,"wide_image-height":479}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"combobox-no-results-filter\">Combobox no results filtering<\/h2>\n<p><a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/combobox\/\">Combobox<\/a> now includes usability improvements when no matching <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/combobox-item\">Combobox Items<\/a> are found during filtering. The component will display &#8220;no matches&#8221; text when no items exist in the component, unless the <code>allowCustomValues<\/code> property is <code>true<\/code>, when a new entry can be added to the component as a custom value.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2941024,"id":2941024,"title":"","filename":"combobox-no-match-1.png","filesize":6165,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/combobox-no-match-2","alt":"Combobox displaying a no matches message.","author":"309572","description":"","caption":"Combobox has improved feedback when no matches are found through filtering.","name":"combobox-no-match-2","status":"inherit","uploaded_to":2940215,"date":"2025-09-25 15:53:02","modified":"2025-09-25 15:53:21","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":491,"height":121,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-1-213x121.png","thumbnail-width":213,"thumbnail-height":121,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-1.png","medium-width":464,"medium-height":114,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-1.png","medium_large-width":491,"medium_large-height":121,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-1.png","large-width":491,"large-height":121,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-1.png","1536x1536-width":491,"1536x1536-height":121,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-1.png","2048x2048-width":491,"2048x2048-height":121,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-1.png","card_image-width":491,"card_image-height":121,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-1.png","wide_image-width":491,"wide_image-height":121}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"image","image":{"ID":2941025,"id":2941025,"title":"","filename":"combobox-no-match-custom-1.png","filesize":8569,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-custom-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/combobox-no-match-custom-2","alt":"Combobox displaying text to add a new industry: Information Technology, as there were no matches and custom values are allowed on the component.","author":"309572","description":"","caption":"Combobox communicates that a custom value can be added if none are found displaying a custom message.","name":"combobox-no-match-custom-2","status":"inherit","uploaded_to":2940215,"date":"2025-09-25 15:53:34","modified":"2025-09-25 15:53:57","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":491,"height":114,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-custom-1-213x114.png","thumbnail-width":213,"thumbnail-height":114,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-custom-1.png","medium-width":464,"medium-height":108,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-custom-1.png","medium_large-width":491,"medium_large-height":114,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-custom-1.png","large-width":491,"large-height":114,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-custom-1.png","1536x1536-width":491,"1536x1536-height":114,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-custom-1.png","2048x2048-width":491,"2048x2048-height":114,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-custom-1.png","card_image-width":491,"card_image-height":114,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/combobox-no-match-custom-1.png","wide_image-width":491,"wide_image-height":114}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"color-picker-fielddisabled\">Color Picker&#8217;s <code>fieldDisabled<\/code> property<\/h2>\n<p><a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/color-picker\/\">Color Picker<\/a> now includes a <code>fieldDisabled<\/code> boolean property, which allows the disabling of the upper color graph portion of the component. The configuration can be useful in scenarios where space is limited, in mobile or smaller screen resolutions, or if the graph input is not needed.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2941029,"id":2941029,"title":"","filename":"color-picker-field-disabled-1.png","filesize":12931,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-field-disabled-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/color-picker-field-disabled-2","alt":"The Color Picker component with its upper color graph disabled.","author":"309572","description":"","caption":"","name":"color-picker-field-disabled-2","status":"inherit","uploaded_to":2940215,"date":"2025-09-25 16:32:42","modified":"2025-09-25 16:32:55","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":403,"height":339,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-field-disabled-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-field-disabled-1.png","medium-width":310,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-field-disabled-1.png","medium_large-width":403,"medium_large-height":339,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-field-disabled-1.png","large-width":403,"large-height":339,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-field-disabled-1.png","1536x1536-width":403,"1536x1536-height":339,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-field-disabled-1.png","2048x2048-width":403,"2048x2048-height":339,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-field-disabled-1.png","card_image-width":403,"card_image-height":339,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/color-picker-field-disabled-1.png","wide_image-width":403,"wide_image-height":339}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2 id=\"accordion-item-enhancements\">Accordion Item enhancements<\/h2>\n<p><a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/accordion-item\/\">Accordion Item<\/a> now supports two new slots for adding content to the component&#8217;s header with <code>\"content-start\"<\/code> and <code>\"content-end\"<\/code>. The slots place content at the start and end of the component&#8217;s <code>heading<\/code> and <code>description<\/code> text, offering more configuration possibilities, such as displaying <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/chip\/\">Chips<\/a> or custom icons.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2941030,"id":2941030,"title":"","filename":"accordion-item-content-slots-1.png","filesize":12683,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/accordion-item-content-slots-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/accordion-item-content-slots-2","alt":"Accordion Item with Notices placed in both the content-start and content-end slots.","author":"309572","description":"","caption":"","name":"accordion-item-content-slots-2","status":"inherit","uploaded_to":2940215,"date":"2025-09-25 16:34:36","modified":"2025-09-25 16:34:54","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":902,"height":92,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/accordion-item-content-slots-1-213x92.png","thumbnail-width":213,"thumbnail-height":92,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/accordion-item-content-slots-1.png","medium-width":464,"medium-height":47,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/accordion-item-content-slots-1.png","medium_large-width":768,"medium_large-height":78,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/accordion-item-content-slots-1.png","large-width":902,"large-height":92,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/accordion-item-content-slots-1.png","1536x1536-width":902,"1536x1536-height":92,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/accordion-item-content-slots-1.png","2048x2048-width":902,"2048x2048-height":92,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/accordion-item-content-slots-1-826x84.png","card_image-width":826,"card_image-height":84,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/accordion-item-content-slots-1.png","wide_image-width":902,"wide_image-height":92}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Additionally, the component now includes a <code>headingLevel<\/code> property, which when specified renders the <code>heading<\/code> text as a heading level between 1 and 6. The new property is useful when ensuring proper document structure and accessibility, without affecting the component&#8217;s visual styling.<\/p>\n"},{"acf_fc_layout":"content","content":"<h2 id=\"a11y-i18n\">Accessibility and internationalization improvements<\/h2>\n<p>Calcite continues to prioritize accessibility and internationalization throughout its components to allow greater access to more audiences. To continue to build your apps with individuals in mind, visit\u00a0<a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/foundations\/accessibility\/#designing-for-individuals\">designing for individuals<\/a> and <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/resources\/localization\/\">learn about localization<\/a>.<\/p>\n<p>Some improvements with 3.3 include:<\/p>\n"},{"acf_fc_layout":"content","content":"<h3>Input Time Picker&#8217;s <code>label<\/code> property<\/h3>\n<p><a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/input-time-picker\/\">Input Time Picker<\/a> now offers a <code>label<\/code> property, which provides additional specificity on its intent to assistive technologies, such as screen readers. When specified, its value is communicated, providing more context in forms and when interacting with the component.<\/p>\n<pre><code>&lt;<span style=\"color: #22863a\">calcite-input-time-picker<\/span> <span style=\"color: #005cc5\">label<\/span>=<span style=\"color: #032f62\">\"2025 5k fall leaf run start time\"<\/span>&gt;&lt;\/<span style=\"color: #22863a\">calcite-input-time-picker<\/span>&gt;\r\n<\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<h3>Date Picker&#8217;s improved color contrast<\/h3>\n<p>The\u00a0<a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/date-picker\/\">Date Picker<\/a> component has improved color contrast for its next and previous months and days. Now, interacting with the component&#8217;s different states, such as hovering via mouse or selecting a day, provides more contrast, enhancing the component&#8217;s usability and accessibility to accommodate more audiences.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2941013,"id":2941013,"title":"","filename":"a11y-DatePicker-ImprovedContrast-1.png","filesize":6138,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/a11y-DatePicker-ImprovedContrast-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/a11y-datepicker-improvedcontrast-1","alt":"Date Picker's enhanced contrast for its initial and interactive states.","author":"309572","description":"","caption":"","name":"a11y-datepicker-improvedcontrast-1","status":"inherit","uploaded_to":2940215,"date":"2025-09-25 15:30:44","modified":"2025-09-25 15:31:00","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":353,"height":400,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/a11y-DatePicker-ImprovedContrast-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/a11y-DatePicker-ImprovedContrast-1.png","medium-width":230,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/a11y-DatePicker-ImprovedContrast-1.png","medium_large-width":353,"medium_large-height":400,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/a11y-DatePicker-ImprovedContrast-1.png","large-width":353,"large-height":400,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/a11y-DatePicker-ImprovedContrast-1.png","1536x1536-width":353,"1536x1536-height":400,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/a11y-DatePicker-ImprovedContrast-1.png","2048x2048-width":353,"2048x2048-height":400,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/a11y-DatePicker-ImprovedContrast-1.png","card_image-width":353,"card_image-height":400,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/a11y-DatePicker-ImprovedContrast-1.png","wide_image-width":353,"wide_image-height":400}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h3>More support with <code>icon<\/code> and <code>iconFlipRTL<\/code> properties<\/h3>\n<p><a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/dialog\/\">Dialog<\/a>,\u00a0<a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/flow-item\/\">Flow Item<\/a>, and\u00a0<a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/panel\/\">Panel<\/a> now offer\u00a0<code>icon<\/code>\u00a0and\u00a0<code>iconFlipRtl<\/code> properties, where icons can be added to fit use cases. The enhancement ensures icons in the components are scalable and have a consistent look and feel across the design system. The <code>icon<\/code> property provides consistency in design and with other components such as <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/block\/\">Block<\/a>\u00a0and\u00a0<a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/components\/accordion\/\">Accordion<\/a>.<\/p>\n<p>Icons can also be mirrored for right-to-left (RTL) bidirectional support using the <code>iconFlipRtl<\/code> property, such as left and right icons used for navigation. However, not all icons should be mirrored, such as logos. Learn more on how to accommodate <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/resources\/localization\/#mirroring-icons\">mirroring icons in RTL<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2941201,"id":2941201,"title":"","filename":"dialog-icons-2.png","filesize":29565,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/dialog-icons-2.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\/dialog-icons-3","alt":"A dialog with icon specified to return to the dashboard in the application.","author":"309572","description":"","caption":"","name":"dialog-icons-3","status":"inherit","uploaded_to":2940215,"date":"2025-09-26 17:57:14","modified":"2025-09-26 17:57:28","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1088,"height":405,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/dialog-icons-2-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/dialog-icons-2.png","medium-width":464,"medium-height":173,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/dialog-icons-2.png","medium_large-width":768,"medium_large-height":286,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/dialog-icons-2.png","large-width":1088,"large-height":405,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/dialog-icons-2.png","1536x1536-width":1088,"1536x1536-height":405,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/dialog-icons-2.png","2048x2048-width":1088,"2048x2048-height":405,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/dialog-icons-2-826x307.png","card_image-width":826,"card_image-height":307,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/dialog-icons-2.png","wide_image-width":1088,"wide_image-height":405}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>Explore what&#8217;s new in 3.3<\/h2>\n<p>For a full list of changes, visit <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/releases\/summaries\/2025-09\/\">Calcite\u2019s September 2025 summary notes<\/a>, which also lists\u00a0<a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/releases\/summaries\/2025-09\/#changes-since-32\">changes since 3.2<\/a>, and includes new functionality, bug fixes, and deprecations.<\/p>\n"},{"acf_fc_layout":"content","content":"<h2>What&#8217;s next<\/h2>\n<p>Calcite will be launching a major version with breaking changes in early 2026, followed by a YouTube live event covering:<\/p>\n<ul>\n<li>Breaking changes<\/li>\n<li>Migration strategies<\/li>\n<li>Tips for upgrading seamlessly<\/li>\n<\/ul>\n<p>Stay tuned for more announcements in the coming weeks!<\/p>\n"}],"show_article_image":false,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Card_-826px-x-465px-5.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w.png","related_articles":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What&#039;s New in Calcite Design System 3.3 (September 2025)<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What&#039;s New in Calcite Design System 3.3 (September 2025)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-30T11:24:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\"},\"author\":{\"name\":\"Kitty Hurley\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/1d3e2f690ee8951f6625010e5b55aee8\"},\"headline\":\"What&#8217;s New in Calcite Design System 3.3 (September 2025)\",\"datePublished\":\"2025-09-30T11:15:37+00:00\",\"dateModified\":\"2025-09-30T11:24:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\"},\"wordCount\":8,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"Calcite Design System\",\"what's new october 2025\"],\"articleSection\":[\"Announcements\",\"Developers\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\",\"name\":\"What's New in Calcite Design System 3.3 (September 2025)\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2025-09-30T11:15:37+00:00\",\"dateModified\":\"2025-09-30T11:24:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What&#8217;s New in Calcite Design System 3.3 (September 2025)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/1d3e2f690ee8951f6625010e5b55aee8\",\"name\":\"Kitty Hurley\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Esri_Day2_PSCC2024_H_0127-e1710789483673-261x261.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Esri_Day2_PSCC2024_H_0127-e1710789483673-261x261.jpg\",\"caption\":\"Kitty Hurley\"},\"description\":\"Kitty is a Principal Product Engineer with Calcite Design System, passionate about expanding access to the web and maps for broader audiences. She is dedicated to creating inclusive, user-friendly web experiences that connect people and places through innovative design and technology. Outside of work, Kitty enjoys exploring the wilderness of Minnesota and has a goal to visit every major league baseball stadium across America.\",\"sameAs\":[\"https:\/\/www.github.com\/geospatialem\",\"https:\/\/www.linkedin.com\/in\/khurley\",\"https:\/\/x.com\/geospatialem\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/khurley\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What's New in Calcite Design System 3.3 (September 2025)","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025","og_locale":"en_US","og_type":"article","og_title":"What's New in Calcite Design System 3.3 (September 2025)","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2025-09-30T11:24:55+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025"},"author":{"name":"Kitty Hurley","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/1d3e2f690ee8951f6625010e5b55aee8"},"headline":"What&#8217;s New in Calcite Design System 3.3 (September 2025)","datePublished":"2025-09-30T11:15:37+00:00","dateModified":"2025-09-30T11:24:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025"},"wordCount":8,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["Calcite Design System","what's new october 2025"],"articleSection":["Announcements","Developers"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025","name":"What's New in Calcite Design System 3.3 (September 2025)","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2025-09-30T11:15:37+00:00","dateModified":"2025-09-30T11:24:55+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/announcements\/whats-new-in-calcite-design-system-3-3-september-2025#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"What&#8217;s New in Calcite Design System 3.3 (September 2025)"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/1d3e2f690ee8951f6625010e5b55aee8","name":"Kitty Hurley","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Esri_Day2_PSCC2024_H_0127-e1710789483673-261x261.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/03\/Esri_Day2_PSCC2024_H_0127-e1710789483673-261x261.jpg","caption":"Kitty Hurley"},"description":"Kitty is a Principal Product Engineer with Calcite Design System, passionate about expanding access to the web and maps for broader audiences. She is dedicated to creating inclusive, user-friendly web experiences that connect people and places through innovative design and technology. Outside of work, Kitty enjoys exploring the wilderness of Minnesota and has a goal to visit every major league baseball stadium across America.","sameAs":["https:\/\/www.github.com\/geospatialem","https:\/\/www.linkedin.com\/in\/khurley","https:\/\/x.com\/geospatialem"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/khurley"}]}},"text_date":"September 30, 2025","author_name":"Kitty Hurley","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/khurley","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/Banner_large-1920w.png","primary_product":"Developers","tag_data":[{"term_id":759512,"name":"Calcite Design System","slug":"calcite-design-system","term_group":0,"term_taxonomy_id":759512,"taxonomy":"post_tag","description":"","parent":0,"count":15,"filter":"raw"},{"term_id":780822,"name":"what's new october 2025","slug":"whats-new-october-2025","term_group":0,"term_taxonomy_id":780822,"taxonomy":"post_tag","description":"","parent":0,"count":25,"filter":"raw"}],"category_data":[{"term_id":37101,"name":"Announcements","slug":"announcements","term_group":0,"term_taxonomy_id":37101,"taxonomy":"category","description":"","parent":0,"count":1959,"filter":"raw"},{"term_id":738191,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":738191,"taxonomy":"category","description":"","parent":0,"count":420,"filter":"raw"}],"product_data":[{"term_id":36601,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":36601,"taxonomy":"product","description":"","parent":0,"count":761,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=developers","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2940215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/309572"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=2940215"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2940215\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=2940215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=2940215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=2940215"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=2940215"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=2940215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}