A nativescript date range picker that uses DSLCalendarView control for ios.
npm i --save nativescript-date-range-picker

NativeScript Date range picker plugin

An iOS plugin for choosing a date range from a calendar. This is built on top of native ios library by PeteC.


Run the following command from the root of your project:

$ tns plugin add nativescript-date-range-picker

This command automatically installs the necessary files, as well as stores nativescript-date-range-picker as a dependency in your project's package.json file.


The code below creates a date range picker in xml with text color for all the date labes as #AA0000 (~red) and selection color as #0000AA (~blue).

<Page xmlns="" loaded="pageLoaded" xmlns:tools="nativescript-date-range-picker">
<tools:DateRangePicker textColor="#AA0000" selectionColor="#0000AA" draggedTo="onUserDraggedTo" />

The following code listen to drag events

exports.onUserDraggedTo = function(eventData) {

Screen Shots