JSFiddle - React, Tailwind, and code Playground

by Shridhar Baddur

HTML

<div class="modal fade ng-scope in" id="AccessDialog" style="display: block; overflow: visible; position: fixed; height: 0px; margin: 0px auto;" ng-click="clickedOnModal()">
	<div class="modal-dialog " style="margin: 0px; height: 0px">
		<div id="popOverTail" ng-style="$getTailPosition()" style="position: absolute; z-index: 1; height: 20px; width: 20px; transform: rotate(45deg); left: 1314.2px; top: 178px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(212, 212, 212); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(212, 212, 212); background-color: white;"></div>
		<div class=" modal-content model-popover-fix border-none two-column-fat-menu-container" ng-style="$getPosition()" style="left: 866.061px; top: 186.858px;">
			<!-- ngInclude: '++resource++enc/src/episode/partials/episode-grid-filter.html' -->
			<div class="modal-body padding-top-10px popover-style ng-scope" ng-include="'++resource++enc/src/episode/partials/episode-grid-filter.html'">
				<div class="popover-content ng-scope">
					<div j-height="" class="row padding-bottom-10px" style="overflow: auto; max-height: 406.156px;">
						<form name="episodeFilterForm" rc-submit="episodeGridFilterCtrl.getFilteredResults()" novalidate="" class="ng-pristine ng-valid ng-valid-date ng-valid-required ng-valid-editable ng-valid-pattern ng-valid-maxlength  ng-valid-date-disabled " autocomplete="off">
							<div class="clearfix">
								<div class="col-md-6">
									<div class="form-group">
										<label class="control-label ng-scope" translate="">Start Date</label>

										<div class="input-group dpacleft" ng-class="{'has-error': rc.episodeFilterForm.needsAttention(episodeFilterForm.startDate)}">
											<input type="text" class="form-control ng-pristine ng-valid ng-isolate-scope ng-valid-date  ng-touched  " name="startDate" datepicker-popup="MM/dd/yyyy" ng-model="episodeGridFilterCtrl.filterValues.startDate"...