Syncfusion Feedback
Choose Framework
Controls
  • Grids
    • Data Grid
    • Tree Grid
    • Spreadsheet
    • Pivot Table
  • Data Visualization
    • Charts
    • Stock Chart
    • Circular Gauge
    • Diagram
    • Maps
    • Bullet Chart
    • Kanban Board
    • Sparkline Charts
    • Charts
    • 3D Circular Charts
    • Linear Gauge
    • HeatMap Chart
    • TreeMap
  • Forms
    • Query Builder
  • Notification
    • Toast
    • Message
    • Skeleton
  • Editors
    • Rich Text Editor
    • Word Processor
    • Image Editor
  • Buttons
    • Button
  • Calendars
    • Scheduler
    • Gantt Chart
    • Calendar
    • DatePicker
    • DateRangePicker
    • DateTime Picker
    • TimePicker
  • DropDowns
    • AutoComplete
    • ComboBox
    • DropDownList
    • DropDown Tree
    • MultiSelect Dropdown
    • ListBox
    • Mention
  • Layout
    • ListView
    • Card
    • Dialog
    • Dashboard Layout
    • Timeline
    • Splitter
    • Avatar
  • Navigation
    • AppBar
    • Breadcrumb
    • Carousel
    • Menu Bar
    • Tabs
    • Sidebar
    • Toolbar
    • TreeView
    • File Manager
    • Context Menu
    • Accordion
    • Stepper
  • Inputs
    • Numeric Textbox
    • File Upload
    • Color Picker
    • Signature
    • Input Mask
    • Slider
    • In-place Editor
    • Rating
    • OTP Input
    • TextBox
    • Radio Button & Checkbox
    • TextArea
  • Smart Components
    • Smart TextArea
  • Interactive Chat
    • AI AssistView
  • General
    • Angular UI Kit

Angular DateRangePicker - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the Angular DateRangePicker Component

Learn how easily you can create and configure the Angular DateRangePicker component of Syncfusion using the Angular CLI command. This video also explains how to configure a few of the control's basic features like setting specific date range values, formats, and range restrictions for date range selection. You will also learn how to convert Angular DateRangePicker to Month Range Picker.

Download Example: Getting Started with the Angular DateRangePicker

Topics included
1. Introduction 00:00 min
2. Create an Angular project 00:34 min
3. Add a DateRangePicker 01:08 min
4. Set placeholder 02:38 min
5. Set date values 02:58 min
6. Range restriction 03:42 min
7. Day span 04:19 min
8. Set custom format 04:59 min
9. Month Range Picker 05:20 min
Plaform: Angular Show more
Chat with us