diff --git a/admin/app/controllers/settings/tariff/tariff.controller.js b/admin/app/controllers/settings/tariff/tariff.controller.js
index 85b570f7..c7a781d2 100644
--- a/admin/app/controllers/settings/tariff/tariff.controller.js
+++ b/admin/app/controllers/settings/tariff/tariff.controller.js
@@ -167,7 +167,10 @@ app.controller('ModalAddTariffCtrl', function($scope, $timeout, $uibModalInstanc
 	$scope.timeofuse = [];
 	$scope.block=[];
 	$scope.tariff={valid_from:moment(),valid_through:moment()};
-	$scope.t={start_time_of_day:moment(),end_time_of_day:moment()};
+	$scope.t={start_time_of_day:moment().startOf('day'),end_time_of_day:moment().endOf('day')};
+	$scope.t.peak_type = 'midpeak';
+	$scope.t.price = '0.5';
+
 	$scope.dtOptions = {
 		locale:{
 			format: 'YYYY-MM-DD HH:mm:ss',
@@ -199,8 +202,11 @@ app.controller('ModalAddTariffCtrl', function($scope, $timeout, $uibModalInstanc
 		$uibModalInstance.dismiss('cancel');
 	};
 	$scope.add = function(t) {
-		t.start_time_of_day=t.start_time_of_day.format().slice(11, 19);
-		t.end_time_of_day=t.end_time_of_day.format().slice(11, 19);
+		if (t.peak_type == null || t.price == null || t.peak_type == '' || t.price == ''){
+			return false;
+		}
+		t.start_time_of_day=moment(t.start_time_of_day).format().slice(11, 19);
+		t.end_time_of_day=moment(t.end_time_of_day).format().slice(11, 19);
 		if ($scope.tariff.tariff_type == 'timeofuse') {
 			if ($scope.timeofuse.length > 0) {
 				$scope.timeofuse.unshift(angular.copy(t));
@@ -249,7 +255,9 @@ app.controller('ModalEditTariffCtrl', function($scope, $timeout, $uibModalInstan
 	$scope.categories = params.categories;
 	$scope.timeofuse = $scope.tariff.timeofuse;
 	$scope.block=$scope.tariff.block;
-	$scope.t={start_time_of_day:moment(),end_time_of_day:moment()};
+	$scope.t={start_time_of_day:moment().startOf('day'),end_time_of_day:moment().endOf('day')};
+	$scope.t.peak_type = 'midpeak';
+	$scope.t.price = '0.5';
 	$scope.dtOptions = {
 		locale:{
 			format: 'YYYY-MM-DD HH:mm:ss',
@@ -283,6 +291,9 @@ app.controller('ModalEditTariffCtrl', function($scope, $timeout, $uibModalInstan
 		$uibModalInstance.dismiss('cancel');
 	};
 	$scope.add = function(t) {
+		if (t.peak_type == null || t.price == null || t.peak_type == '' || t.price == ''){
+			return false;
+		}
 		t.start_time_of_day=moment(t.start_time_of_day).format().slice(11, 19);
 		t.end_time_of_day=moment(t.end_time_of_day).format().slice(11, 19);
 		if ($scope.tariff.tariff_type == 'timeofuse') {
diff --git a/admin/views/settings/tariff/tariff.model.html b/admin/views/settings/tariff/tariff.model.html
index b901cbad..d99afa0d 100644
--- a/admin/views/settings/tariff/tariff.model.html
+++ b/admin/views/settings/tariff/tariff.model.html
@@ -114,14 +114,12 @@
                         <tr>
                             <td class="text-center sm">
                                 <div class="col-sm-7">
-                                    <input date-range-picker class="form-control date-picker" type="text" ng-model="t.start_time_of_day" options="dtOptions" style="width: auto"
-                                    placeholder="{{'SETTING.SELECT_DATE' | translate}}" readonly="" />
+                                    <div uib-timepicker ng-model="t.start_time_of_day"  show-meridian="false" show-seconds="true" show-spinners="false"></div>
                                 </div>
                             </td>
                             <td class="text-center sm">
                                 <div class="col-sm-7">
-                                    <input date-range-picker class="form-control date-picker" type="text" ng-model="t.end_time_of_day" options="dtOptions" style="width: auto"
-                                    placeholder="{{'SETTING.SELECT_DATE' | translate}}" readonly="" />
+                                    <div uib-timepicker ng-model="t.end_time_of_day"  show-meridian="false" show-seconds="true" show-spinners="false"></div>
                                 </div>
                             </td>
                             <td class="text-center sm">