• What is KendoReact
  • Getting Started
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilitiesupdated
    • Conversational UI
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editorupdated
    • Excel Export
    • File Saver
    • Formupdated
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewerupdated
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

MaskedTextBoxHandle

A subclass of React.Component.

Represent the ref of the MaskedTextBox component.

NameTypeDefaultDescription

element

"null" | HTMLInputElement

Gets the element of the MaskedTextBox.

class App extends React.Component {
constructor(props) {
 super(props);
}
element = null;
render() {
 return (
     <div>
         <MaskedTextBox
             ref={(component) =>
                 this.element = component ? component.element : null}
         />
         <button onClick={() => console.log(this.element)}>console.log the element</button>
     </div>
 );
}
}

ReactDOM.render(
<App />,
document.getElementsByTagName('my-app')[0]
);

name

undefined | string

Gets the name property of the MaskedTextBox.

props

Readonly<MaskedTextBoxProps>

The props of the MaskedTextBoxHandle component.

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.

In this article

Not finding the help you need?