## TtlPicker `TtlPicker` components are used to expand and collapse content with a toggle. | Param | Type | Default | Description | | --- | --- | --- | --- | | labelClass | String | "" | A CSS class to add to the label. | | labelText | String | "TTL" | The text content of the label associated with the widget. | | initialValue | Number | | The starting value of the TTL; | | setDefaultValue | Boolean | true | If true, the component will trigger onChange on the initial render, causing a value to be set. | | onChange | function | Function.prototype | The function to call when the value of the ttl changes. | | outputSeconds | Boolean | false | If true, the component will trigger onChange with a value converted to seconds instead of a Golang duration string. | **Example** ```js ``` **See** - [Uses of TtlPicker](https://github.com/hashicorp/vault/search?l=Handlebars&q=TtlPicker) - [TtlPicker Source Code](https://github.com/hashicorp/vault/blob/master/ui/app/components/ttl-picker.js) ---