---
title: "Javascript Calendar: Valid Ranges"
description: "Learn how to create a valid selectable range of dates in the javascript calendar. Any date out of the range would be gray out."
source: https://jsuites.net/docs/v4/javascript-calendar/valid-range
---
{.white}
> A new version of the **JavaScript Calendar** range validation page is available here.
>
> [Calendar Events on v5](/docs/javascript-calendar/valid-range){.button .main target="_top"}
{.breadcrumb}
- [JavaScript Calendar](/docs/v4/javascript-calendar)
- Examples
Using the validRange property to prevent a date outside the valid range.
## Example
One of the valid range properties can be left blank to define a range from a certain date or up to a specific date.
```html
```