separator String|Function (default: null)

Adds a separator for each of the input groups.

The configuration can only be applied when the items configuration is declared in the form of an array.

Example - create a separator from a string

<input id="otpinput" />
<script>
    $("#otpinput").kendoOTPInput({
        items: [
            {
                groupLength: 3
            },
            {
                groupLength: 2
            }
        ],
        separator: "-"
    });
</script>

The function context (available through the keyword this) will be set to the widget instance.

Example - create a separator from a function

<input id="otpinput" />
<script>
    $("#otpinput").kendoOTPInput({
        items: [
            {
                groupLength: 3
            },
            {
                groupLength: 2
            }
        ],
        separator: () => kendo.ui.icon({icon: "star", type: "svg"})
    });
</script>