{"id":4333,"date":"2022-08-02T15:28:10","date_gmt":"2022-08-02T15:28:10","guid":{"rendered":"https:\/\/ionicframework.com\/blog\/?p=4333"},"modified":"2022-08-04T13:22:54","modified_gmt":"2022-08-04T13:22:54","slug":"announcing-ionic-v6-2","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2","title":{"rendered":"Announcing Ionic v6.2"},"content":{"rendered":"<p>Today I am excited to announce the release of Ionic 6.2. This release continues to enhance many of the features we introduced in Ionic 6.0 including datetime, the bottom sheet, and more.<\/p>\n<p>This release includes features many developers have asked for, so let\u2019s dive in!<\/p>\n<p><!--more--><\/p>\n<h2>Datetime Multiple Date Selection<\/h2>\n<p>We have enhanced datetime to allow for multiple date selections. This feature can be easily enabled by setting the new <code>multiple<\/code> property to <code>true<\/code>. Multiple date selection is a must-have feature for complex date selection scenarios. We are excited to see what developers build with this!<\/p>\n<pre><code class=\"language-html\">&lt;ion-datetime presentation=\u201ddate\u201d multiple=\u201dtrue\u201d&gt;&lt;\/ion-datetime&gt;\n<\/code><\/pre>\n<div style=\"max-width:360px; margin: 0 auto;\">\n  <div class=\"device-demo\">\n            <figure>\n                <figcaption>Datetime Multiple Date Selection<\/figcaption>\n                <video src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/datetime-multiple.mov\" controls autoplay muted loop><\/video>\n            <\/figure>\n        <\/div>\n<\/div>\n<h2>Datetime Wheel Picker<\/h2>\n<p>The datetime wheel picker has made its triumphant return in Ionic! With Ionic 6.2 we have added the ability to select month, day, and year within a single wheel picker. New to Ionic is the ability to select both date and time with a single wheel picker!<\/p>\n<pre><code class=\"language-html\">&lt;ion-datetime presentation=\u201ddate-time\u201d prefer-wheel=\u201dtrue\u201d&gt;&lt;\/ion-datetime&gt;\n<\/code><\/pre>\n<div style=\"max-width:360px; margin: 0 auto;\">\n  <div class=\"device-demo\">\n            <figure>\n                <figcaption>Datetime Wheel Picker<\/figcaption>\n                <video src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/datetime-wheel.mp4\" controls autoplay muted loop><\/video>\n            <\/figure>\n        <\/div>\n<\/div>\n<h2>Datetime Compact Style<\/h2>\n<p>As developers migrated to Ionic 6, we received feedback that there needed to be a better way to account for datetimes when screen space is constrained. As a result, we are thrilled to introduce the new <code>ion-datetime-button<\/code> component!<\/p>\n<p>This new component makes it easy to display a datetime in a modal or a popover. The datetime button will display the formatted date or time. Clicking the datetime button will then present the datetime selection interface.<\/p>\n<p>If you are using this feature in a JavaScript Framework, be sure to use the new <code>keepContentsMounted<\/code> property on <code>ion-modal<\/code> and <code>ion-popover<\/code>. That ensures that the inner <code>ion-datetime<\/code> is mounted even if the overlay is not presented.<\/p>\n<p>We recommend giving this new component a try if the new datetime has prevented you from upgrading to Ionic 6 due to screen space constraints in your app.<\/p>\n<pre><code class=\"language-html\">&lt;ion-datetime-button datetime=\u201dmy-datetime\u201d&gt;&lt;\/ion-datetime-button&gt;\n\n&lt;!-- keepContentsMounted is only needed when using a JavaScript\nFramework, so we do not use that property here. --&gt;\n&lt;ion-modal&gt;\n  &lt;ion-datetime id=\u201dmy-datetime\u201d&gt;&lt;\/ion-datetime&gt;\n&lt;\/ion-modal&gt;\n<\/code><\/pre>\n<div style=\"max-width:360px; margin: 0 auto;\">\n  <div class=\"device-demo\">\n            <figure>\n                <figcaption>Datetime Compact Style<\/figcaption>\n                <video src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/datetime-button-demo.mp4\" controls autoplay muted loop><\/video>\n            <\/figure>\n        <\/div>\n<\/div>\n<h2>Datetime Localized AM\/PM Text<\/h2>\n<p>Datetime in Ionic 6.2 also brings automatically localized AM\/PM labels. Before Ionic 6.2, these labels were always presented in English. The AM\/PM labels are now automatically localized according to what is specified in the <code>locale<\/code> property.<\/p>\n<p>The best part is that this feature is enabled automatically. No change is needed in your Ionic app!<\/p>\n<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n  <img decoding=\"async\" style=\"--smush-placeholder-width: 1170px; --smush-placeholder-aspect-ratio: 1170\/2532;width:auto; max-width: 344px; height:auto;\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ampm-ios.png\" alt=\"iOS localized AM\/PM Text in datetime component\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" style=\"width:auto; max-width: 344px; height:auto;\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ampm-ios.png\" alt=\"iOS localized AM\/PM Text in datetime component\" \/><\/noscript><br \/>\n  <img decoding=\"async\" style=\"--smush-placeholder-width: 1170px; --smush-placeholder-aspect-ratio: 1170\/2532;width:auto; max-width: 344px; height:auto;\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ampm-md.png\" alt=\"material design localized AM\/PM Text in datetime component\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" style=\"width:auto; max-width: 344px; height:auto;\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ampm-md.png\" alt=\"material design localized AM\/PM Text in datetime component\" \/><\/noscript>\n<\/div>\n<h2>Bottom Sheet Handle Behavior<\/h2>\n<p>We are continuing to improve the new bottom sheet feature in Ionic. In this latest release, we are adding the ability for developers to customize what the bottom sheet handle does when it is activated. Developers can now have the sheet modal cycle between breakpoints when the handle is activated. The default behavior is to not do anything when the handle is activated.<\/p>\n<pre><code class=\"language-html\">&lt;ion-button id=&quot;trigger-button&quot;&gt;Open modal&lt;\/ion-button&gt;\n&lt;ion-modal trigger=&quot;trigger-button&quot;&gt;\n  &lt;ion-content&gt;\n    Modal content\n  &lt;\/ion-content&gt;\n&lt;\/ion-modal&gt;\n\n&lt;script&gt;\n  const sheetModal = document.querySelector(&#039;ion-modal&#039;);\n\n  sheetModal.breakpoints = [0, 0.25, 0.5, 1];\n  sheetModal.initialBreakpoint = 0.5;\n  sheetModal.handleBehavior = \u2018cycle\u2019;\n&lt;\/script&gt;\n<\/code><\/pre>\n<div style=\"max-width:360px; margin: 0 auto;\">\n  <div class=\"device-demo\">\n            <figure>\n                <figcaption>Bottom Sheet Handle Behavior<\/figcaption>\n                <video src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/sheet-handle.mov\" controls autoplay muted loop><\/video>\n            <\/figure>\n        <\/div>\n<\/div>\n<h2>Toggle On\/Off Labels<\/h2>\n<p>Toggles can now display explicit on\/off labels to provide a better visual indication of state. This feature can be enabled using the new <code>enableOnOffLabels<\/code> property.<\/p>\n<pre><code class=\"language-html\">&lt;ion-item&gt;\n  &lt;ion-label&gt;Enable Notifications&lt;\/ion-label&gt;\n  &lt;ion-toggle enable-on-off-labels=\u201dtrue\u201d&gt;&lt;\/ion-toggle&gt;\n&lt;\/ion-item&gt;\n<\/code><\/pre>\n<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n  <img decoding=\"async\" style=\"--smush-placeholder-width: 391px; --smush-placeholder-aspect-ratio: 391\/844;width:auto; max-width: 344px; height:auto;\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/toggle-onoff-ios.png\" alt=\"iOS toggles with explicit on\/off labels\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" style=\"width:auto; max-width: 344px; height:auto;\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/toggle-onoff-ios.png\" alt=\"iOS toggles with explicit on\/off labels\" \/><\/noscript><br \/>\n  <img decoding=\"async\" style=\"--smush-placeholder-width: 393px; --smush-placeholder-aspect-ratio: 393\/848;width:auto; max-width: 344px; height:auto;\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/toggle-onoff-md.png\" alt=\"material design toggles with explicit on\/off labels\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" style=\"width:auto; max-width: 344px; height:auto;\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/toggle-onoff-md.png\" alt=\"material design toggles with explicit on\/off labels\" \/><\/noscript>\n<\/div>\n<h2>Range Active Bar Start Point<\/h2>\n<p>Last but certainly not least is a new addition to <code>ion-range<\/code> that allows developers to customize the start position of the active portion of the range. Before this release, the active indicator either started from the far left or far right of the range. Using the new <code>activeBarStart<\/code> property, developers can set this to any value between the <code>min<\/code> or <code>max<\/code> values.<\/p>\n<pre><code class=\"language-html\">&lt;ion-range min=\u201d0\u201d max=\u201d10\u201d active-bar-start=\u201d5\u201d&gt;&lt;\/ion-range&gt;\n<\/code><\/pre>\n<div style=\"max-width:360px; margin: 0 auto;\">\n  <div class=\"device-demo\">\n            <figure>\n                <figcaption>Range Active Bar Start Point<\/figcaption>\n                <video src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/range-active-bar.mov\" controls autoplay muted loop><\/video>\n            <\/figure>\n        <\/div>\n<\/div>\n<h2>What\u2019s Next?<\/h2>\n<p>We recently released a Request For Comments (RFCs) section on our GitHub repo. This is where the community can provide feedback on proposed changes and help shape the future of Ionic!<\/p>\n<p>Check out \u200b\u200b<a href=\"https:\/\/github.com\/ionic-team\/ionic-framework\/discussions\">the active Ionic RFCs<\/a> to see the improvements we are working on now.<\/p>\n<p>If you have other ideas for how we can improve Ionic, <a href=\"https:\/\/github.com\/ionic-team\/ionic-framework\/issues\/new\/choose\">let us know on our GitHub repo<\/a>. Thank you to everyone who provided feedback on the features in this release. Ionic 6.2 would not have been possible without all of you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today I am excited to announce the release of Ionic 6.2. This release continues to enhance many of the features we introduced in Ionic 6.0 including datetime, the bottom sheet, and more. This release includes features many developers have asked for, so let\u2019s dive in!<\/p>\n","protected":false},"author":72,"featured_media":4341,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"0","publish_post_category":"23","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"550790","discourse_permalink":"https:\/\/forum.ionicframework.com\/t\/announcing-ionic-v6-2\/225650","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1,120],"tags":[3],"class_list":["post-4333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","category-announcements","tag-ionic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Announcing Ionic v6.2 - Ionic Blog<\/title>\n<meta name=\"description\" content=\"This release continues to enhance many of the features we introduced in Ionic 6.0 including datetime, the bottom sheet, and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Announcing Ionic v6.2\" \/>\n<meta property=\"og:description\" content=\"This release continues to enhance many of the features we introduced in Ionic 6.0 including datetime, the bottom sheet, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-02T15:28:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-04T13:22:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Liam DeBeasi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@LiamDeBeasi\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Liam DeBeasi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2\"},\"author\":{\"name\":\"Liam DeBeasi\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/d314e583cf08e7a28c51e8ffc3d621fa\"},\"headline\":\"Announcing Ionic v6.2\",\"datePublished\":\"2022-08-02T15:28:10+00:00\",\"dateModified\":\"2022-08-04T13:22:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2\"},\"wordCount\":661,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png\",\"keywords\":[\"Ionic\"],\"articleSection\":[\"All\",\"Announcements\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2\",\"url\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2\",\"name\":\"Announcing Ionic v6.2 - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png\",\"datePublished\":\"2022-08-02T15:28:10+00:00\",\"dateModified\":\"2022-08-04T13:22:54+00:00\",\"description\":\"This release continues to enhance many of the features we introduced in Ionic 6.0 including datetime, the bottom sheet, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png\",\"width\":1600,\"height\":880},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Announcing Ionic v6.2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/d314e583cf08e7a28c51e8ffc3d621fa\",\"name\":\"Liam DeBeasi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/ZNK4lRAJ_400x400-150x150.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/ZNK4lRAJ_400x400-150x150.jpg\",\"caption\":\"Liam DeBeasi\"},\"sameAs\":[\"https:\/\/x.com\/LiamDeBeasi\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/liam\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Announcing Ionic v6.2 - Ionic Blog","description":"This release continues to enhance many of the features we introduced in Ionic 6.0 including datetime, the bottom sheet, and more.","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:\/\/ionic.io\/blog\/announcing-ionic-v6-2","og_locale":"en_US","og_type":"article","og_title":"Announcing Ionic v6.2","og_description":"This release continues to enhance many of the features we introduced in Ionic 6.0 including datetime, the bottom sheet, and more.","og_url":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2","og_site_name":"Ionic Blog","article_published_time":"2022-08-02T15:28:10+00:00","article_modified_time":"2022-08-04T13:22:54+00:00","og_image":[{"width":1600,"height":880,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png","type":"image\/png"}],"author":"Liam DeBeasi","twitter_card":"summary_large_image","twitter_creator":"@LiamDeBeasi","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Liam DeBeasi","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2"},"author":{"name":"Liam DeBeasi","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/d314e583cf08e7a28c51e8ffc3d621fa"},"headline":"Announcing Ionic v6.2","datePublished":"2022-08-02T15:28:10+00:00","dateModified":"2022-08-04T13:22:54+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2"},"wordCount":661,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png","keywords":["Ionic"],"articleSection":["All","Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2","url":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2","name":"Announcing Ionic v6.2 - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png","datePublished":"2022-08-02T15:28:10+00:00","dateModified":"2022-08-04T13:22:54+00:00","description":"This release continues to enhance many of the features we introduced in Ionic 6.0 including datetime, the bottom sheet, and more.","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/announcing-ionic-v6-2"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png","width":1600,"height":880},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-2#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Announcing Ionic v6.2"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/d314e583cf08e7a28c51e8ffc3d621fa","name":"Liam DeBeasi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/ZNK4lRAJ_400x400-150x150.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/ZNK4lRAJ_400x400-150x150.jpg","caption":"Liam DeBeasi"},"sameAs":["https:\/\/x.com\/LiamDeBeasi"],"url":"https:\/\/ionic.io\/blog\/author\/liam"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/08\/ionic-framework-6.2.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=4333"}],"version-history":[{"count":1,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4333\/revisions"}],"predecessor-version":[{"id":4342,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4333\/revisions\/4342"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/4341"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=4333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=4333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=4333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}