New to KendoReact? Start a free 30-day trial

MaskedTextBoxHandle

Component

Represent the ref of the MaskedTextBox component.

A Functional Component.

Definition

Package:@progress/kendo-react-inputs

Properties

element

null | HTMLInputElement

Gets the element of the MaskedTextBox.

jsx

const App = () => {
  const [element, setElement] = React.useState(null);

  return (
     <div>
         <MaskedTextBox
             ref={(component) =>
                 setElement(component ? component.element : null)}
         />
         <Button onClick={() => console.log(element)}>console.log the element</Button>
     </div>
  );
}

name

undefined | string

Gets the name property of the MaskedTextBox.

props

Readonly<MaskedTextBoxProps>

rawValue

string

Gets the raw value without the mask of the MaskedTextBox.

validity

FormComponentValidity

Represents the validity state into which the MaskedTextBox is set.

value

string

Gets the value with the mask of the MaskedTextBox.