How to use NativeScript UI's Calendar


#1

Hello
I’m new in NativeScript. I’m trying to use NativeScript UI’s Calendar in my angular project. for using it, I’ve installed NativeScript UI’s Calenda Plugin tns plugin add nativescript-ui-calendar.
Now when I insterted following code into my html component:

<navigation:ExamplePage xmlns:navigation="navigation/example-page" xmlns:calendar="nativescript-ui-calendar" xmlns="http://www.nativescript.org/tns.xsd">
  <navigation.actionBar>
    <ActionBar title="Getting Started" />
  </navigation.actionBar>
  <calendar:RadCalendar id="calendar" />
</navigation:ExamplePage>

It returns some errors on building time like this:

An uncaught Exception occurred on "main" thread.
java.lang.RuntimeException: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException: 

Error calling module function 

Error calling module function 

Error calling module function 

Error calling module function 

Error calling module function 

Error calling module function 

Error calling module function 

Error calling module function 

Error calling module function 

Error calling module function 

Error: com.tns.NativeScriptException: Failed to find module: "crypto", relative to: app/tns_modules/
    com.tns.Module.resolvePathHelper(Module.java:146)
    com.tns.Module.resolvePath(Module.java:55)
    com.tns.Runtime.runModule(Native Method)
    com.tns.Runtime.runModule(Runtime.java:542)
    com.tns.Runtime.run(Runtime.java:534)
    com.tns.NativeScriptApplication.onCreate(
NativeScriptApplication.java:21)
....
...

please show me an example using calendar in angular.


#2

I guess you are trying to use the Core sample code in a Angular project. Here are some Angular resources,

https://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/Calendar/getting-started