Disable entire month in vaadin date pickerCompare two dates with JavaScriptDetecting an “invalid date” Date instance in JavaScriptDisable/enable an input with jQuery?How do I get the current date in JavaScript?Get month name from DatejQuery datepicker to prevent past dateDisable same origin policy in ChromeHow to format a JavaScript dateThe “right” JSON date formatHow does Facebook disable the browser's integrated Developer Tools?
License validity of unreleased project
Interviewing with an unmentioned 9 months of sick leave taken during a job
Manually select/unselect lines before forwarding to stdout
How can I find what program is preventing my Mac from going to sleep?
What are the arguments for California’s nonpartisan blanket (jungle) primaries?
Is straight-up writing someone's opinions telling?
Why does FFmpeg choose 10+20+20 ms instead of an even 16 ms for 60 fps GIF images?
Is it OK to use personal email ID for faculty job applications or should we use (current) institute's ID
Can a pizza stone be fixed after soap has been used to clean it?
Cauchy reals and Dedekind reals satisfy "the same mathematical theorems"
Cine footage fron Saturn V launch's
What impact would a dragon the size of Asia have on the environment?
Bone Decomposition
How to remove the first colon ':' from a timestamp?
Sankhara meditation
Automatic solution for nice roots - but problem with nested ones
Sending a photo of my bank account card to the future employer
What advantages do focused Arrows of Slaying have over more generic ones?
Is there an English equivalent for "Les carottes sont cuites", while keeping the vegetable reference?
Is there a source that says only 1/5th of the Jews will make it past the messiah?
If I stood next to a piece of metal heated to a million degrees, but in a perfect vacuum, would I feel hot?
Alternator dying so junk car?
What "fuel more powerful than anything the West (had) in stock" put Laika in orbit aboard Sputnik 2?
How could a medieval fortress manage large groups of migrants and travelers?
Disable entire month in vaadin date picker
Compare two dates with JavaScriptDetecting an “invalid date” Date instance in JavaScriptDisable/enable an input with jQuery?How do I get the current date in JavaScript?Get month name from DatejQuery datepicker to prevent past dateDisable same origin policy in ChromeHow to format a JavaScript dateThe “right” JSON date formatHow does Facebook disable the browser's integrated Developer Tools?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I am trying to disable all dates of all months in vaadin-date-picker. While looking through the code,
I found that I can individually disable dates by setting disabled in vaadin-month-calendar.html#L75 . In that case the disabled date is faded, which is due to vaadin-month-calendar-styles.html#L119, and one can not select the disabled date any more.
Similarly, I have done the following,
<div id="days" part="days" disabled>
<template is="dom-repeat" items="[[_days]]">
<div part="date" today$="[[_isToday(item)]]" selected$="[[_dateEquals(item, selectedDate)]]" focused$="[[_dateEquals(item, focusedDate)]]" date="[[item]]" disabled$="[[!_dateAllowed(item, minDate, maxDate)]]" role$="[[_getRole(item)]]" aria-label$="[[_getAriaLabel(item)]]" aria-disabled$="[[_getAriaDisabled(item, minDate, maxDate)]]">[[_getDate(item)]]</div>
</template>
</div>
And added the required style:
[part="days"][disabled]
color: var(--lumo-disabled-text-color);
In this case, all dates of all months are faded, but the user stiil can select them. Am I missing something? How to make disabled dates not selectable as well?
javascript vaadin web-component polymer-2.x
asked Mar 26 at 8:34
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
add a comment |
I am trying to disable all dates of all months in vaadin-date-picker. While looking through the code,
I found that I can individually disable dates by setting disabled in vaadin-month-calendar.html#L75 . In that case the disabled date is faded, which is due to vaadin-month-calendar-styles.html#L119, and one can not select the disabled date any more.
Similarly, I have done the following,
<div id="days" part="days" disabled>
<template is="dom-repeat" items="[[_days]]">
<div part="date" today$="[[_isToday(item)]]" selected$="[[_dateEquals(item, selectedDate)]]" focused$="[[_dateEquals(item, focusedDate)]]" date="[[item]]" disabled$="[[!_dateAllowed(item, minDate, maxDate)]]" role$="[[_getRole(item)]]" aria-label$="[[_getAriaLabel(item)]]" aria-disabled$="[[_getAriaDisabled(item, minDate, maxDate)]]">[[_getDate(item)]]</div>
</template>
</div>
And added the required style:
[part="days"][disabled]
color: var(--lumo-disabled-text-color);
In this case, all dates of all months are faded, but the user stiil can select them. Am I missing something? How to make disabled dates not selectable as well?
javascript vaadin web-component polymer-2.x
asked Mar 26 at 8:34
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
add a comment |
I am trying to disable all dates of all months in vaadin-date-picker. While looking through the code,
I found that I can individually disable dates by setting disabled in vaadin-month-calendar.html#L75 . In that case the disabled date is faded, which is due to vaadin-month-calendar-styles.html#L119, and one can not select the disabled date any more.
Similarly, I have done the following,
<div id="days" part="days" disabled>
<template is="dom-repeat" items="[[_days]]">
<div part="date" today$="[[_isToday(item)]]" selected$="[[_dateEquals(item, selectedDate)]]" focused$="[[_dateEquals(item, focusedDate)]]" date="[[item]]" disabled$="[[!_dateAllowed(item, minDate, maxDate)]]" role$="[[_getRole(item)]]" aria-label$="[[_getAriaLabel(item)]]" aria-disabled$="[[_getAriaDisabled(item, minDate, maxDate)]]">[[_getDate(item)]]</div>
</template>
</div>
And added the required style:
[part="days"][disabled]
color: var(--lumo-disabled-text-color);
In this case, all dates of all months are faded, but the user stiil can select them. Am I missing something? How to make disabled dates not selectable as well?
javascript vaadin web-component polymer-2.x
asked Mar 26 at 8:34
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
I am trying to disable all dates of all months in vaadin-date-picker. While looking through the code,
I found that I can individually disable dates by setting disabled in vaadin-month-calendar.html#L75 . In that case the disabled date is faded, which is due to vaadin-month-calendar-styles.html#L119, and one can not select the disabled date any more.
Similarly, I have done the following,
<div id="days" part="days" disabled>
<template is="dom-repeat" items="[[_days]]">
<div part="date" today$="[[_isToday(item)]]" selected$="[[_dateEquals(item, selectedDate)]]" focused$="[[_dateEquals(item, focusedDate)]]" date="[[item]]" disabled$="[[!_dateAllowed(item, minDate, maxDate)]]" role$="[[_getRole(item)]]" aria-label$="[[_getAriaLabel(item)]]" aria-disabled$="[[_getAriaDisabled(item, minDate, maxDate)]]">[[_getDate(item)]]</div>
</template>
</div>
And added the required style:
[part="days"][disabled]
color: var(--lumo-disabled-text-color);
In this case, all dates of all months are faded, but the user stiil can select them. Am I missing something? How to make disabled dates not selectable as well?
javascript vaadin web-component polymer-2.x
javascript vaadin web-component polymer-2.x
asked Mar 26 at 8:34
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
asked Mar 26 at 8:34
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
asked Mar 26 at 8:34
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
asked Mar 26 at 8:34
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
asked Mar 26 at 8:34
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
3321 gold badge2 silver badges17 bronze badges
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Ok, I found it, just need to add pointer-events: none;
answered Mar 26 at 9:10
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55352811%2fdisable-entire-month-in-vaadin-date-picker%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Ok, I found it, just need to add pointer-events: none;
answered Mar 26 at 9:10
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
add a comment |
Ok, I found it, just need to add pointer-events: none;
answered Mar 26 at 9:10
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
add a comment |
Ok, I found it, just need to add pointer-events: none;
answered Mar 26 at 9:10
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
Ok, I found it, just need to add pointer-events: none;
answered Mar 26 at 9:10
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
answered Mar 26 at 9:10
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
answered Mar 26 at 9:10
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
answered Mar 26 at 9:10
Sudipta RoySudipta Roy
3321 gold badge2 silver badges17 bronze badges
3321 gold badge2 silver badges17 bronze badges
add a comment |
add a comment |
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55352811%2fdisable-entire-month-in-vaadin-date-picker%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
