jQuery Date Range Picker Control

We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Black Friday Offer The Black Friday Deal for 2024 is now live! Get 25% OFF on 5 or 10-member team licenses now! Get the deal now

Syncfusion jQuery no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 .

Switch Now

An advanced date range control with highly customizable options.
A first Material-designed date range picker for all devices.
Rich feature set including range restriction, predefined dates (like last 30 days), validation and automatic formatting that takes this control to the next level of usage.

Trusted by the world’s leading companies

jQuery date range picker

VIEW DEMOS

Overview

The date range picker is a simple, calendar-like interface with two calendars for selecting date ranges. Its rich feature options include setting the time value with ranges, setting predefined ranges, localization, and more.

Date Range Picker

ALL WIDGETS

GRIDS

DataGrid

Tree Grid

Spreadsheet

DATA VISUALIZATION

Charts

Diagram

Maps

Tree Map

HeatMap

Scheduler

Circular Gauge

Linear Gauge

Digital Gauge

Bullet Graph

Gantt

Range Selector

Sparkline

Sunburst Chart

Barcode

Tag Cloud

Kanban Board

LAYOUT

Splitter

Dialog

File Explorer

ListView

Tile View

Tooltip

EDITORS

TextBox

Autocomplete

Rich Text Editor

Mask Edit

Rating

Slider

ComboBox

DropDown List

DropDown Tree

File Upload

Button

Toggle Button

Split Button

Checkbox

Radio Button

Color Picker

DatePicker

Date Range Picker

Time Picker

DateTime Picker

Radial Slider

Signature

SpellChecker

NAVIGATION

Accordion

TreeView

Toolbar

Ribbon

Tabs

Rotator

Navigation Drawer

Scroller

ListBox

Radial Menu

Pager

NOTIFICATION

Waiting Popup

ProgressBar

FRAMEWORK

Data Manager

MISCELLANEOUS

Calculation Engine

Theme Studio

BUSINESS INTELLIGENCE

Pivot Grid

Pivot Chart

Pivot Client

Pivot Gauge

Pivot TreeMap

REPORTING

Report Viewer

Report Designer (Preview)

FILE FORMAT LIBRARY

PDF Viewer

Media

Media Player

Integrates with Top Frameworks

Built-in integration with the most popular third-party frameworks, like Angular 2+, and React.

Angular

ReactJS

Aurelia

EmberJS

PHP

JSP

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.

Daniel Persidok,

wpd onshore GmbH & Co. KG

Using Syncfusion Angular and JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, and a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.

Carlos Rodriguez Garcia,

Vistatec