[RadCalendar] How to limit the number of selected dates on multiple select.

[gregersen79]

Is there a way to limit the number of selected dates, when in multiple selection mode? In my case I want to select two dates (a start date and end date for a vacation). First I tried the "Range" selection mode, but I couldn't find a way to make the selection across multiple months. So I tried the "Multiple" selection mode, which is probably the best way, but how to limit the number of selected dates to ex. two?

[tsonevn]

Hi @gregersen79, I reviewed your case, however, at this time there is no such functionality, which allows setting a limit for the selected date range. Regarding that, I will log this issue as a new feature request. For further info, I would suggest keeping track on it.

[gregersen79]

Hi @tsonevn. Thanks for your reply. I will look forward to this feature.

[mhmo91]

@gregersen79 In your case the range should work fine, there's no limitation to the start date and the end date.

[gregersen79]

Hi @mhmo91 I tried that first, but it seems like the swipe gesture to switch to next or previous month is disabled when the "Range" mode is selected, so can't seem to select a range across two (or more) months.

[mhmo91]

@gregersen79 it's not, there's a lot of bugs in the ui components n their behavior are not consistent agree, always update tns n the core modules to the latest n it should work fine, here's my json

{
  "description": "Darts Solutions Inc. (DSI) has supported a number of Ontario Government and private sector IT initiatives. Experience in social services has led DSI to realize many opportunities to help people with developmental disabilities to achieve their goals, participate in their communities, and have choice about how they and their families receive supports. MyDirectPlan (MDP) is a result of years of studying and meeting Passport and Direct Funding Families.",
  "keywords": [
    "My direct plan",
    "funding management"
  ],
  "license": "SEE LICENSE IN <your-license-filename>",
  "readme": "NativeScript Application",
  "version": "0.1.0",
  "homepage": "https://github.com/NativeScript/nativescript-sdk-examples-ng",
  "repository": {
    "type": "git",
    "url": "https://github.com/NativeScript/nativescript-sdk-examples-ng"
  },
  "nativescript": {
    "id": "org.nativescript.MyDirectPlan",
    "tns-ios": {
      "version": "next"
    },
    "tns-android": {
      "version": "3.4.0"
    }
  },
  "scripts": {
    "lint": "tslint \"app/**/*.ts\"",
    "ns-bundle": "ns-bundle",
    "publish-ios-bundle": "npm run ns-bundle --ios --publish-app",
    "generate-android-snapshot": "generate-android-snapshot --targetArchs arm,arm64,ia32 --install",
    "start-android-bundle": "npm run ns-bundle --android --run-app",
    "start-ios-bundle": "npm run ns-bundle --ios --run-app",
    "build-android-bundle": "npm run ns-bundle --android --build-app",
    "build-ios-bundle": "npm run ns-bundle --ios --build-app"
  },
  "dependencies": {
    "@angular/animations": "~5.0.0",
    "@angular/common": "~5.0.0",
    "@angular/compiler": "~5.0.0",
    "@angular/core": "~5.0.0",
    "@angular/forms": "~5.0.0",
    "@angular/http": "~5.0.0",
    "@angular/platform-browser": "~5.0.0",
    "@angular/platform-browser-dynamic": "~5.0.0",
    "@angular/router": "~5.0.0",
    "nativescript-angular": "next",
    "nativescript-background-http": "^3.1.0",
    "nativescript-camera": "^3.2.1",
    "nativescript-cardview": "^2.0.4",
    "nativescript-checkbox": "^3.0.3",
    "nativescript-floatingactionbutton": "4.1.3",
    "nativescript-geolocation": "^4.1.1",
    "nativescript-imagepicker": "^4.0.1",
    "nativescript-intl": "~3.0.0",
    "nativescript-pro-ui": "^3.3.0",
    "nativescript-textinputlayout": "^2.0.2",
    "nativescript-theme-core": "~1.0.4",
    "nativescript-toast": "^1.4.6",
    "reflect-metadata": "0.1.10",
    "rxjs": "5.5.2",
    "tns-core-modules": "next",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~5.0.0",
    "@ngtools/webpack": "~1.8.2",
    "babel-traverse": "6.26.0",
    "babel-types": "6.26.0",
    "babylon": "6.10.0",
    "codelyzer": "3.2.2",
    "copy-webpack-plugin": "~4.0.1",
    "css-loader": "^0.28.8",
    "extract-text-webpack-plugin": "~3.0.0",
    "fs-extra": "^0.30.0",
    "glob": "^7.1.2",
    "lazy": "1.0.11",
    "markdown-snippet-injector": "^0.2.0",
    "nativescript-css-loader": "~0.26.0",
    "nativescript-dev-sass": "^1.3.2",
    "nativescript-dev-typescript": "next",
    "nativescript-dev-webpack": "next",
    "nativescript-worker-loader": "~0.8.1",
    "node-sass": "4.5.3",
    "opener": "^1.4.1",
    "raw-loader": "~0.5.1",
    "resolve-url-loader": "~2.1.0",
    "rimraf": "^2.5.3",
    "sass-loader": "~6.0.6",
    "tar.gz": "^1.0.5",
    "tns-platform-declarations": "^3.4.0",
    "tslint": "5.8.0",
    "typescript": "2.4.2",
    "webpack": "~3.8.1",
    "webpack-bundle-analyzer": "^2.9.2",
    "webpack-sources": "~1.0.1",
    "uglifyjs-webpack-plugin": "~1.1.6"
  },
  "author": "Darts Solutions"
}