{"id":4398,"date":"2022-10-05T12:59:17","date_gmt":"2022-10-05T16:59:17","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=4398"},"modified":"2022-10-06T10:57:13","modified_gmt":"2022-10-06T14:57:13","slug":"announcing-ionic-v6-3","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/announcing-ionic-v6-3","title":{"rendered":"Announcing Ionic v6.3"},"content":{"rendered":"

Today, I am excited to share the news of Ionic 6.3\u2019s release. This release improves multiple date selection with additional header text and support for the ion-datetime-button<\/code>, adds experimental support for Angular standalone component routing and contains a few community contributions!<\/p>\n

The complete list of changes can be found in the Changelog<\/a>.<\/p>\n

<\/p>\n

Angular Standalone Component Routing<\/h2>\n

We added experimental support for standalone components with routing.<\/p>\n

@NgModule({\n  imports: [\n    RoutingModule.forRoot([\n      {\n        path: '',\n        loadComponent: () =>\n          import('.\/example.component').then((m) => m.ExampleComponent),\n      },\n    ]),\n  ],\n})\nexport class AppRoutingModule {}\n<\/code><\/pre>\n
Developers will need to assign the environmentInjector<\/code> property to their ion-router-outlet<\/code> or ion-tabs<\/code> component to support standalone routing within that outlet.<\/p>\n
import { EnvironmentInjector } from '@angular\/core';\n\nconstructor(public environmentInjector: EnvironmentInjector) { }\n<\/code><\/pre>\n
<ion-router-outlet\n  [environmentInjector]="environmentInjector">\n<\/ion-router-outlet>\n<\/code><\/pre>\n
Demo: https:\/\/stackblitz.com\/edit\/ionic-angular-standalone-components<\/a><\/p>\n
Header Text For Multiple Date Selection<\/h2>\n
We\u2019ve enhanced the header text of ion-datetime<\/code> to inform users of their selected date or dates, when using showDefaultTitle<\/code> and multiple<\/code>.<\/p>\n
\n
\n    \"\"