Components
    • Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

MaskedTextBox

A subclass of React.Component.

Represents the props of the KendoReact MaskedTextBox component.

props

Readonly<MaskedTextBoxProps> intersected with Readonly<{ children?: ReactNode; }>

The props of the MaskedTextBox component.

element

HTMLInputElement | null

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

string | undefined

Gets the name property of the MaskedTextBox.

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?