JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="indexPage" ng-controller="listPublishedCtrl">
		<input type="text" value="" ng-model="searchListPubl.name">
		<select ng-model="sortListPublished" ng-options="opt as opt.label for opt in options" class="castomselect sort-select">
			<!-- <option value="name">Sort by Title</option>
			<option value="date">Sort by Date</option> -->
		</select>
		<ul>
			<li ng-repeat="list in listPubl | orderBy:sortListPublished:(sortListPublished=='date') | filter:searchListPubl">
				{{list.name}}<br>
				{{list.date}}<br>
				{{list.description}}<br>
			</li>
		</ul>
	</div>

JavaScript

//
var listPublished = angular.module('indexPage', []);
listPublished.controller("listPublishedCtrl", ['$scope', function($scope){

	$scope.options = [
		{
			label:'one',
			value:1
		},
		{
			label:'two',
			value:2
		}
	];

	$scope.sortListPublished = $scope.options[0];

	$scope.listPubl = [
		{
			name:'Agness',
			date:5,
			description:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum reiciendis?'
		},
		{
			name:'Dolly',
			date:1,
			description:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum reiciendis?'
		},
		{
			name:'Augustin',
			date:4,
			description:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum reiciendis?'
		},
		{
			name:'Monk',
			date:2,
			description:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum reiciendis?'
		},
		{
			name:'Stellix',
			date:3,
			description:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum reiciendis?'
		},
		{
			name:'Fox',
			date:6,
			description:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum reiciendis?'
		}
	];

}]);