nativescript-date-range-picker
A nativescript date range picker that uses DSLCalendarView control for ios.
npm i --save nativescript-date-range-picker
  • Version: 0.1.3
  • GitHub:
  • Downloads:
    • Last Day:   0
    • Last Week:  1
    • Last Month: 17

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.

Installation

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.

Examples

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="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" xmlns:tools="nativescript-date-range-picker">
<StackLayout>
<tools:DateRangePicker textColor="#AA0000" selectionColor="#0000AA" draggedTo="onUserDraggedTo" />
</StackLayout>
</Page>

The following code listen to drag events

exports.onUserDraggedTo = function(eventData) {
console.log(eventData.dayView);
}

Screen Shots