NativeScript Core

RadCalendar Getting Started

This article will guide you through the process of adding a RadCalendar instance to a page in a {N} application.


Run the following command to add the plugin to your application:

tns plugin add nativescript-ui-calendar


Then, in order to add a RadCalendar instance in a page of your application, you need to define the following XML namespace:

  • xmlns:calendar="nativescript-ui-calendar".

After defining the namespace adding a RadCalendar instance to your page is done as follows:

        <ActionBar title="Getting Started" />
    <calendar:RadCalendar id="calendar" />

RadCalendar must be put in a parent layout panel that does not require from its children to have their own desired size. You should not therefore put RadCalendar in a StackLayout or an auto-sized row within a GridLayout.

This will initialize a new RadCalendar instance and put it as a direct child of your page:

TelerikUI RadCalendar: Getting Started TelerikUI RadCalendar: Getting Started


Want to see this scenario in action? Check our SDK examples repo on GitHub. You will find this and many other practical examples with NativeScript UI.