Skip to Main Content

Breadcrumb

Overview

The FOS - Date Picker Eraser can do one thing, and one thing only: it can clear/erase the "Date Picker" value. It's useful for users who want to keep their hand on the mouse/touchpad, saving that little bit of time and improving their productivity.

Examples

Erasing the "Date Picker" value

In this example we are adding a clear button to the "Date Picker" items. You can choose the side the clear icon appears on using the "Orientation" attribute.

Expected format: DS
Expected format: DS

 

Change the Icon

You also have the ability to change the icon and optionally define your own custom icon in the "Icon" attribute e.g.

Expected format: DS
Expected format: DS

 

Icon or Text?

Using the "Button Template" setting you have the ability to show an Icon, an Icon with Text, or Text only e.g.

Expected format: DS
Expected format: DS
Expected format: DS
Expected format: DS

Design

You can preview the plug-in setup as you would see it in page designer. You can either do this by clicking this button in the top right corner of each example, or you can see all the examples together in the region below.

Looking at the examples you'll see just how easy the plug-in is to use. Don't worry about changing any values as they aren't saved. We actually encourage you to change them, so you can see the behaviour of the attributes and their help text.