• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
Components / Date Inputs / API / DateRangePickerPopupSettings / 
New to Kendo UI for Vue? Start a free 30-day trial

DateRangePickerPopupSettings

Represents the settings that can be passed to the Popup inside the DateRangePicker.

NameTypeDefaultDescription

anchor

string

Specifies the element which will be used as an anchor (see example). The Popup opens next to that element.

anchorAlign?

object

Specifies the pivot point of the anchor (see example).

animate?

boolean | PopupAnimation

Controls the Popup animation (see example). By default, the opening and closing animations are enabled.

appendTo?

string

Defines the 'id' or 'ref' of the container to which the Popup will be appended. Defaults to body.

className?

string | string[]

Specifies a list of CSS classes that will be added to the Popup element.

collision?

object

Configures the collision behavior of the Popup (see example).

direction?

String

Specifies the direction of the Expand Animation. Defaults to down.

id?

string

Specifies the id that will be added to the Popup element.

offset?

Offset

Specifies the absolute position of the element (see example). The Popup opens next to that point. The pivot point of the Popup is defined by the popupAlign configuration option. The boundary detection is applied by using the window viewport.

onClose?

(event: CloseEvent) => void

Fires after the Popup is closed.

onOpen?

(event: OpenEvent) => void

Fires after the Popup is opened and the opening animation ends.

popupAlign?

object

Specifies the pivot point of the Popup (see example).

popupClass?

string | string[]

Specifies a list of CSS classes that will be added to the internal animated element (see example).

style?

any

Represents the styles that are applied to the Popup.

transition?

String

Specifies the direction of the Expand Animation. Defaults to expand.

In this article

Not finding the help you need?

Contact Support