How to use kendo-ui-core - 7 common examples

componentDidMount: function() {
		//get, child element node for this component
		var elementNode = ReactDOM.findDOMNode(this);

		//determine if a selector was passed on which to invoke the KUI widget
		if(this.props.selector){
			elementNode = elementNode.querySelector(this.props.selector);
		}

		//instantiate and save reference to the Kendo UI widget on elementNode
		//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
		this.widgetInstance = new kuiDropDownList.ui.DropDownList(elementNode,this.props.options);

		//if props are avaliable for events, triggers, unbind events, or methods make it happen now
		this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
		this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
		this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
	},

componentDidMount: function() {
		//get, child element node for this component
		var elementNode = ReactDOM.findDOMNode(this);

		//determine if a selector was passed on which to invoke the KUI widget
		if(this.props.selector){
			elementNode = elementNode.querySelector(this.props.selector);
		}

		//instantiate and save reference to the Kendo UI widget on elementNode
		//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
		this.widgetInstance = new kuidropdown.ui.DropDownList(elementNode,this.props.options);

		//if props are avaliable for events, triggers, unbind events, or methods make it happen now
		this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
		this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
		this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
	},

componentDidMount: function() {
		//get, child element node for this component
		var elementNode = ReactDOM.findDOMNode(this);

		//determine if a selector was passed on which to invoke the KUI widget
		if(this.props.selector){
			elementNode = elementNode.querySelector(this.props.selector);
		}

		//instantiate and save reference to the Kendo UI widget on elementNode
		//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
		this.widgetInstance = new kuiCalendar.ui.Calendar(elementNode,this.props.options);

		//if props are avaliable for events, triggers, unbind events, or methods make it happen now
		this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
		this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
		this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
	},

componentDidMount: function() {
		//get, child element node for this component
		var elementNode = ReactDOM.findDOMNode(this);

		//determine if a selector was passed on which to invoke the KUI widget
		if(this.props.selector){
			elementNode = elementNode.querySelector(this.props.selector);
		}

		//instantiate and save reference to the Kendo UI widget on elementNode
		//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
		this.widgetInstance = new kuiColorPicker.ui.ColorPicker(elementNode,this.props.options);

		//if props are avaliable for events, triggers, unbind events, or methods make it happen now
		this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
		this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
		this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
	},

componentDidMount: function() {
		//get, child element node for this component
		var elementNode = ReactDOM.findDOMNode(this);

		//determine if a selector was passed on which to invoke the KUI widget
		if(this.props.selector){
			elementNode = elementNode.querySelector(this.props.selector);
		}

		//instantiate and save reference to the Kendo UI widget on elementNode
		//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
		this.widgetInstance = new kuiDatePicker.ui.DatePicker(elementNode,this.props.options);

		//if props are avaliable for events, triggers, unbind events, or methods make it happen now
		this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
		this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
		this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
	},

componentDidMount: function() {
		//get, child element node for this component
		var elementNode = ReactDOM.findDOMNode(this);

		//determine if a selector was passed on which to invoke the KUI widget
		if(this.props.selector){
			elementNode = elementNode.querySelector(this.props.selector);
		}

		//instantiate and save reference to the Kendo UI widget on elementNode
		//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
		this.widgetInstance = new kuiListView.ui.ListView(elementNode,this.props.options);

		//if props are avaliable for events, triggers, unbind events, or methods make it happen now
		this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
		this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
		this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
	},

componentDidMount: function() {
		//get, child element node for this component
		var elementNode = ReactDOM.findDOMNode(this);

		//determine if a selector was passed on which to invoke the KUI widget
		if(this.props.selector){
			elementNode = elementNode.querySelector(this.props.selector);
		}

		//instantiate and save reference to the Kendo UI widget on elementNode
		//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn
		this.widgetInstance = new kuiNotification.ui.Notification(elementNode,this.props.options);

		//if props are avaliable for events, triggers, unbind events, or methods make it happen now
		this.props.events ? this.bindEventsToKendoWidget(this.props.events) : null;
		this.props.methods ? this.callKendoWidgetMethods(this.props.methods) : null;
		this.props.triggerEvents ? this.triggerKendoWidgetEvents(this.props.triggerEvents) : null;
	},