> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/pro-pack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wirebootstrap.com/pro-pack/date-range-picker/methods.md).

# Methods

Date Range for WireBootstrap extends the [wire.ui.component](https://docs.wirebootstrap.com/wirebootstrap/reference/wire.ui/wire.ui.component) class.  As such, it inherits all its base methods.

The following methods are added to Date Range for WireBootstrap.

| Name | Description                                                                                                                                                  |
| ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| val  | Get currently selected range. Will return a single value for single dates or an array for ranges based on whether `daterangepicker.singleDatePicker` is set. |

The following will set the `val` variable to a single date that has been selected in the component based on the `singleDatePicker` setting.

```javascript
const range = new wire.daterangepicker().render('#range', {
    ...
    daterangepicker: { singleDatePicker: true }
});

const val = range.val();
```