There seems to be a bug with the isDisabled function when it uses the for…in loop.

When Caleran does an isBetween check when range.start and range.end are undefined, it returns true, which is wrong, since the disabledRanges are undefined. It also causes the clearInput function to fire and clear the related input text box.

It also happens when one of the dates in the date range is either 1) Today or 2)’10/10/2017’, I have not managed to determine which is the case. All other dates doesn’t seem to have a problem.

By amending the function to use forEach, it seems to resolve the issue:

isDisabled: function (day) { if (this.config.disableDays(moment(day).startOf(“day”)) === true) return true; this.config.disabledRanges.forEach(function(range) { console.log(range, ‘range’); if (moment(day).isBetween(range.start, range.end, “day”, “[]”)) return true; }); return false; },

Hope this fix can be applied to next release soon!

Is possible to set calendar to display always at the bottom of an input ? Currently calendar position changes depending on the viewport size. We tested it on various resolutions and viewport sizes on the desktop, results differ. Sometimes it displayed at the top, sometimes at the bottom.

When Caleran is in a DOM with other html input elements, it prevents the input elements from being ‘checked’ (won’t add attribute ‘checked’ onto input element). Can you please look into this issue? This is crucial as my DOM relies on many forms and work-arounds using Jquery to manually add attributes are troublesome.

I am wondering how to submit a form when the user selects a date range. I am using this for mobile and I am getting the cancel and apply buttons. Anyway, to get the form to submit when the users clicks apply?

Hey tpaksu, thank you for the new release and the fixes which come with it! I have some questions,/wishes :

I need to change the start- and the end-date separately after clicking on a button ( which is part of the form or maybe part of the plugin itself). For example: After i select a daterange, i want to only change the startdate, so i click on a button “Change startdate” and then i can select only the startdate, without the need to select the entire daterange. The same functionality I would like to apply on the enddate.

Also, i would like to change options after the initialisation of the plugin. In my case, I want to disable dates, which come before my selected startdate after selecting the first date of the daterange, so it is only possible to select dates in the future of the first selected day.

If theres a way to do this, i would be very grateful, if you could show me how. If its not possible so I would like to suggest this two functionalities as improvements.

I hope my “questions” are understandable for you!

Thanks in advance for your reply!

Hi,

GREAT plugin! Implemented in a project and it’s working brilliantly.

We have had an accessibility test run on the project and the report has flagged up one particular problem with the calendar – the fact that the calendar days are not selectable when using the keyboard. They say it would be prudent to give less able users the ability to tab through the calendar controls.

What do you think? Do you think this would be achievable? Is this something you would consider looking into as part of an update to the plugin?

Many thanks

Hey, i find the caleran is a really great plugin!

I would like to report a bug: If you use the option “container” and use a container which is in a html-form, the buttons “apply” and “cancel” will trigger the submitting of the form, even if another button is set as type=”submit”. I think the buttons “apply” and “cancel” should contain the type=”button”. This would solve the problem

Hi,

I would like to get advise on how do I change the date picker settings after it’s called? Example: $(”.caleran”).caleran({inline: true, startOnMonday: true});

I would like to achieve the following: If a “change” button is clicked, it will change the date picker’s settings. I tried the following, but it couldn’t work.

Example, change settings to singleDate: $(document).ready(function() { $(“change-button”).click(function () { var caleran = $(”#my-date-range”).caleran; caleran.config.singleDate = true; caleran.reDrawCalendars(); }); });

Please advise… Thank you!

Hi tpaksu,

Amazing package, so much better than the other daterange pickers I've used.

One question, is there a method to reset the calendar? Use case is when one toggles a reset button, it should reset the value and the interface on the Caleran calendar.

Thanks.

asking abut caleran , possible to add multiple date disable , lets say , 2017-09-14 , 2017-09-15 , and weekend disabled , the reason i had data json for public holidays

using disabledDays, how would I return multiple values?

so if I wanted to disable all Mondays and Tuesdays, I’d need to return day.day() 2 and day.day() 3

hey there, this is a great feature. Do you by chance have code around to integrate it in angular2 ? would be much appreciated. If not, I would try and can report back. best

Hi the error of 14 october is happening, please check using an iphone or if you dont have it a mac os emulator or safari web browser using responsive check the image this is in your website https://i.imgur.com/qcCotMg.jpg

Hello Tpaksu, I have a minor issue,

I have this issue in your example “Linked Single Date Pickers”

The issue is when you select any date starting from the next year 2018, the second calendar starts with the selected month but in current “year” (2017).

I tried to investigate into this, and found that when you apply the param “format”, it breaks the second calendar and when removed, it works fine.

$("#caleran-ex-6-5-start").caleran({
  format: "DD MMM", // This is the flag which make it breaks
  singleDate: true,
  onafterselect: function(caleran, start){
    var end = $("#caleran-ex-6-5-end").data("caleran");
    end.config.startDate = moment(start);
    end.config.minDate = moment(start);
    end.updateInput();
    end.$elem.click();
  }
});
$("#caleran-ex-6-5-end").caleran({
  singleDate: true
});

Any suggestion or fast fix for this ?

How could I add enabledMonths function or there is some way to do this ?

Hey there.

I just started using Caleran, and I have to say, I am very impressed. I’d normally just code things like this myself, but the amount of work and thought you’ve put into Caleran is obvious.

The only thing Caleran is missing that I need is the ability to have a custom data attribute on individual dates.

The purpose would be to store custom prices in a booking calendar.

Is this something Caleran can do, and if not, what would be the best practice to add a custom function similar to disabledRanges to add this attribute?

Thanks in advance, Dylan

Hi, first of all it is a great plugin, thanks

i would like to ask can i change disable range color multiply like this http://prntscr.com/g7a2b6

Thank you

Hey…For some reason the arrows aren’t showing for me when I use the latest script in the latest version….I’m referring to the arrows when you click on the year number (to help you navigate through years), I can see it on your demo though

Hi!

I can’t initialize the datepicker with an empty starting value. If i set the option “startDate” to null, false or an empty string, it always initialize with predefined value of todays date.

How can i solve this?

Greetings

How to do that in the mobile version does not close automatically when selecting a range?