diff --git a/app/Views/requisitionlisting.php b/app/Views/requisitionlisting.php
index 848e3948..487fe3af 100644
--- a/app/Views/requisitionlisting.php
+++ b/app/Views/requisitionlisting.php
@@ -11,182 +11,352 @@
 	}
 	//echo $ReqNo;
 }?>
-	<style>
-	#Requisition_filter{
-		float: inline-end;
-	}	
-	#Requisition_wrapper .row  .col-sm-4{ 
-		flex-basis: 50%;
-		float: inline-end;
-	}
-	#Requisition_paginate .pagination { 
-		flex-basis: 50%;
-		float: inline-end;
-		margin:0 0 15px;
-	}
-	#Requisition_wrapper .row:nth-child(3), #Requisition_wrapper .row:nth-child(1){
-		padding: 0 15px;
-	}
-	#Requisition_info{
-		margin-top: 5px;
-	}
-	.dataTables_wrapper{
-		padding-bottom: 0;
-	}
-	</style>
+<style>
+#Requisition_filter {
+    float: inline-end;
+}
 
-<script>
-  
+#Requisition_wrapper .row .col-sm-4 {
+    flex-basis: 50%;
+    float: inline-end;
+}
 
- function DeleteRow(rowid)
-{
-	    
-		 id = rowid;		 
-		 
-	    var answer = confirm(" Do you want to delete the Requisition?")
-		if (answer) 
-		{ 	
-	      				
-			 $.ajax({ 
-			data:{id:id},
-			type:"POST",
-			url:"<?php echo base_url() ?>requisitionform/DeleteReqNo", 
-			success: function (data) {
-					if (data && data.message) {
-						alert(data.message); 
-						location.reload(true);
-					} else {
-						alert("Error Occur");
-					}
-				},
-				error: function (xhr, status, error) {
-					
-					alert("Request failed: " + error);
-				}
-			});
-			}
-		}
-       	
+#Requisition_paginate .pagination {
+    flex-basis: 50%;
+    float: inline-end;
+    margin: 0 0 15px;
+}
+
+#Requisition_wrapper .row:nth-child(3),
+#Requisition_wrapper .row:nth-child(1) {
+    padding: 0 15px;
+}
+
+#Requisition_info {
+    margin-top: 5px;
+}
+
+.dataTables_wrapper {
+    padding-bottom: 0;
+}
 
-</script>
- <style>
 span.highlight {
     background-color: yellow;
 }
-
 </style>
 
+<style>
+        .Date-filter-form {
+            display: flex;
+            align-items: center;
+            gap: 10px; /* Adjust the gap as needed */
+        }
+        .Date-filter-form input, .Date-filter-form button {
+            padding: 5px;
+            font-size: 14px;
+        }
+        .Date-filter-form button {
+            background-color: #007bff;
+            color: white;
+            border: none;
+            cursor: pointer;
+        }
+        .Date-filter-form button:hover {
+            background-color: #0056b3;
+        }
+        .icon-button {
+            background: none;
+            border: none;
+            cursor: pointer;
+            color: #007bff;
+            font-size: 18px;
+        }
+        .icon-button:hover {
+            color: #0056b3;
+        }
+    </style>
+
 <div class="content-wrapper">
-   
+
     <section class="content">
-       
+
         <div class="row">
             <div class="col-xs-12">
-              <div class="box">
-                <div class="box-header">
-					<center><b><h3 class="box-title">Requisition Listing</h3></b></center>
-                     
-                </div><!-- /.box-header -->
-				<?php if($DraftCount > 0 ) {?><p style="text-align: center;">
-                  <span class="highlight">The Requisition No <b><?php echo $ReqNo;?></b> is in Draft status.</span>  Please act on the requisition.<span class="highlight">Then only you can raise New Requisition. </span>
-				</p> <?php } ?>
-                <div class="row">
-            <div class="col-md-12 text-right" style="margin-left:-2%;">
-                <div class="form-group">
-				   <?php if($DraftCount == 0)
-				   {					   ?>
-				   <a class="btn btn-success" onclick="Test()" href="<?php echo base_url(); ?>RequisitionForm">Raise New Requisition</a><?php   }?>
-					
-                </div>
-            </div>
-        </div>
-                  <table id="Requisition"  class="table table-bordered table-hover" style="background-color:#fff;font-size:12px;">
-				  <thead style="background-color: #ddd;">
-				    <tr>
-					  <th>Requisted Date</th>	
-                      <th>Requisition No</th>
-					  <th>Requisition Type</th> 
-					  <th>Tot No.OfLineItem </th>
-					  <th>Po CreatedLineItem</th>
-					  <th>Partially PoCreatedLineItem</th>
-					  <th>NewLine Item</th>					   
-					  <th>Status</th>
-					  <th>Action</th>						 						                       
-                 
-						  </tr>
-                </thead>	
+                <div class="box">
+
+                    <div class="box-header">
+                        <center><b>
+                                <h3 class="box-title">Requisition Listing</h3>
+                            </b></center>
+
+                    </div><!-- /.box-header -->
+
+                    <?php if($DraftCount > 0 ) {?><p style="text-align: center;">
+                        <span class="highlight">The Requisition No <b><?php echo $ReqNo;?></b> is in Draft
+                            status.</span> Please act on the requisition.<span class="highlight">Then only you can raise
+                            New Requisition. </span>
+                    </p> <?php } ?>
+
+                    <div class="row">
+                        <div class="col-md-12 text-right" style="margin-left:-2%;">
+                            <div class="form-group">
+
+                                <div class="col-md-8">
+                                    <form class="Date-filter-form" id="DateRangeFilter" >
+									    <input type="hidden"  name="table" value="requisition">
+                                        <label for="fromDate">From:</label>
+                                        <input type="text" id="fromDate" name="fromDate" placeholder="Select From Date" autocomplete="off" required>
+
+                                        <label for="toDate">To:</label>
+                                        <input type="text" id="toDate" name="toDate" placeholder="Select To Date" autocomplete="off" required>
+
+                                        <button type="submit">Search</button>
+										<i class="fa fa-repeat" aria-hidden="true" class="icon-button" id="resetButton" title="Reset"></i>
+										<div class="error" id="error"></div>
+                                    </form>
+                                </div>
+
+                                <div class="col-md-4">
+                                    <?php if($DraftCount == 0) { ?>
+                                    <a class="btn btn-success" onclick="Test()"
+                                        href="<?php echo base_url(); ?>RequisitionForm">Raise New Requisition</a>
+                                    <?php   }?>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <table id="Requisition" class="table table-bordered table-hover"
+                        style="background-color:#fff;font-size:12px;">
+                        <thead style="background-color: #ddd;">
+                            <tr>
+                                <th>Requisted Date</th>
+                                <th>Requisition No</th>
+                                <th>Requisition Type</th>
+                                <th>Tot No.OfLineItem </th>
+                                <th>Po CreatedLineItem</th>
+                                <th>Partially PoCreatedLineItem</th>
+                                <th>NewLine Item</th>
+                                <th>Status</th>
+                                <th>Action</th>
+
+                            </tr>
+                        </thead>
 
 
 
 
-                	 <?php
+                        <?php
                     if(!empty($TotNoOfLine))
                     {
                         foreach($TotNoOfLine as $record)
                         { //print_r($record);
                     ?>
-                    <tr>
-					<td> <?php $Pdt =	new DateTime($record->CreatedDate );
+                        <tr>
+                            <td> <?php $Pdt =	new DateTime($record->CreatedDate );
 							$PODate =  $Pdt->format('d-m-Y');
 					       echo $PODate ?>
-					</td> 
-					<td><?php echo $record->ReqNo ?></td>                     
-					<td><?php echo $record->ReqType ?></td> 
-                    <td><?php echo $record->TotalNoofLineItems ?></td> 
-                     <td><?php echo $record->PolineItems ?></td> 
-                      <td><?php echo $record->PartilallyLineItems ?></td> 
-                     <td> <?php echo $record->newLineItem ?></td> 
+                            </td>
+                            <td><?php echo $record->ReqNo ?></td>
+                            <td><?php echo $record->ReqType ?></td>
+                            <td><?php echo $record->TotalNoofLineItems ?></td>
+                            <td><?php echo $record->PolineItems ?></td>
+                            <td><?php echo $record->PartilallyLineItems ?></td>
+                            <td> <?php echo $record->newLineItem ?></td>
 
 
-					<td><?php echo $record->StatusName ?></td>                     
-					                    
-					<td>   <a  	 data-toggle="tooltip"  href="<?php echo base_url().'EditRequisitionForm?ReqNo='.$record->ReqNo.'&ReqType='.$record->ReqType; ?>"><i class="fa fa-pencil" data-toggle="tooltip" title="<?php echo $record->ReqNo; ?>  -  Click here to view Requisition details"></i>&nbsp;&nbsp;&nbsp;</a> <a data-toggle="tooltip"  onclick="DeleteRow('<?php echo $record->ReqNo; ?>' )"   ><span class="glyphicon glyphicon-trash" title="<?php echo $record->ReqNo; ?>  -  Click here to Delete Requisition details"></span></a> </td>            
-                    </tr>
-					
-                 <?php
+                            <td><?php echo $record->StatusName ?></td>
+
+                            <td> <a data-toggle="tooltip"
+                                    href="<?php echo base_url().'EditRequisitionForm?ReqNo='.$record->ReqNo.'&ReqType='.$record->ReqType; ?>"><i
+                                        class="fa fa-pencil" data-toggle="tooltip"
+                                        title="<?php echo $record->ReqNo; ?>  -  Click here to view Requisition details"></i>&nbsp;&nbsp;&nbsp;</a>
+                                <a data-toggle="tooltip" onclick="DeleteRow('<?php echo $record->ReqNo; ?>' )"><span
+                                        class="glyphicon glyphicon-trash"
+                                        title="<?php echo $record->ReqNo; ?>  -  Click here to Delete Requisition details"></span></a>
+                            </td>
+                        </tr>
+
+                        <?php
                         }
                     }
                     ?>
-                  </table>
-                  
-              
+                    </table>
+
+
                 </div>
-				</div>
-				</div>
-				</section>
-				</div>
-				<script src="https://cdn.datatables.net/plug-ins/1.10.11/sorting/date-eu.js"></script>
-	<script>
-	$(function () {
-  
-		// $('#Requisition').DataTable({
-		// "paging": true,
-		// "lengthChange": true,
-		// "searching": true,
-		// "ordering": true,
-		// "columnDefs": [{"targets": 0, "type": "date-eu"}],
-		// "aaSorting": [[1, "desc"]],
-		// "info": true,
-		// "autoWidth": true,
-		// "pageLength": 10  
-		// });
+            </div>
+        </div>
+    </section>
+</div>
 
-		$(document).ready(function() {
-		$('#Requisition').DataTable({
-			"paging": true,              // Enable pagination
-			"lengthChange": true,        // Enable the option to change the number of rows per page
-			"searching": true,           // Enable searching
-			"ordering": true,            // Enable column ordering
-			"columnDefs": [{"targets": 0, "type": "date-eu"}],  // Column definitions for date formatting
-			"aaSorting": [[1, "desc"]],   // Default sorting: sort by the 2th column (index 1) in descending order
-			"info": true,                // Show pagination info
-			"autoWidth": true,           // Enable automatic column width adjustment
-			"pageLength": 10,             // Set the default number of rows per page to 10
-			"lengthMenu": [10, 25, 50, 100]  // Options for the number of rows per page in the dropdown
-		});
-		});
+<script src="https://cdn.datatables.net/plug-ins/1.10.11/sorting/date-eu.js"></script>
+<script>
+function DeleteRow(rowid) {
+
+    id = rowid;
+
+    var answer = confirm(" Do you want to delete the Requisition?")
+    if (answer) {
+
+        $.ajax({
+            data: {
+                id: id
+            },
+            type: "POST",
+            url: "<?php echo base_url() ?>requisitionform/DeleteReqNo",
+            success: function(data) {
+                if (data && data.message) {
+                    alert(data.message);
+                    location.reload(true);
+                } else {
+                    alert("Error Occur");
+                }
+            },
+            error: function(xhr, status, error) {
+
+                alert("Request failed: " + error);
+            }
+        });
+    }
+}
+</script>
+
+<!-- 
+<script>
+$(function() {
 
 
-  });
-	</script>
-	
+    $(document).ready(function() {
+        $('#Requisition').DataTable({
+            "paging": true, 
+            "lengthChange": true, 
+            "searching": true, 
+            "ordering": true, 
+            "columnDefs": [{
+                "targets": 0,
+                "type": "date-eu"
+            }], 
+            "aaSorting": [
+                [1, "desc"]
+            ], 
+            "info": true, 
+            "autoWidth": true, 
+            "pageLength": 10, 
+            "lengthMenu": [10, 25, 50,
+                100
+            ] 
+        });
+    });
+
+
+});
+
+
+
+
+$(function() {
+            $("#fromDate").datepicker({
+				dateFormat: 'dd-mm-yy',
+                onSelect: function(selectedDate) {
+                    var minDate = $(this).datepicker("getDate");
+                    $("#toDate").datepicker("option", "minDate", minDate);
+                }
+            });
+
+            $("#toDate").datepicker({
+				dateFormat: 'dd-mm-yy',
+                onSelect: function(selectedDate) {
+                    var maxDate = $(this).datepicker("getDate");
+                    $("#fromDate").datepicker("option", "maxDate", maxDate);
+                }
+            });
+
+            $("#resetButton").click(function() {
+                $("#fromDate").datepicker("setDate", null);
+                $("#toDate").datepicker("setDate", null);
+            });
+
+
+			
+});
+</script> -->
+
+
+
+
+<script>
+$(document).ready(function() {
+    // Initialize the DataTable
+    var table = $('#Requisition').DataTable({
+        "paging": true,
+        "lengthChange": true,
+        "searching": true,
+        "ordering": true,
+        "columnDefs": [{
+            "targets": 0,
+            "type": "date-eu"
+        }],
+        "aaSorting": [
+            [1, "desc"]
+        ],
+        "info": true,
+        "autoWidth": true,
+        "pageLength": 10,
+        "lengthMenu": [10, 25, 50, 100]
+    });
+
+    // Initialize the datepickers
+    $("#fromDate").datepicker({
+        dateFormat: 'dd-mm-yy',
+        onSelect: function(selectedDate) {
+            var minDate = $(this).datepicker("getDate");
+            $("#toDate").datepicker("option", "minDate", minDate);
+        }
+    });
+
+    $("#toDate").datepicker({
+        dateFormat: 'dd-mm-yy',
+        onSelect: function(selectedDate) {
+            var maxDate = $(this).datepicker("getDate");
+            $("#fromDate").datepicker("option", "maxDate", maxDate);
+        }
+    });
+
+    // Reset button functionality
+    $("#resetButton").click(function() {
+        $("#fromDate").datepicker("setDate", null);
+        $("#toDate").datepicker("setDate", null);
+        $("#toDate").datepicker("option", "minDate", null); 
+        $("#fromDate").datepicker("option", "maxDate", null);
+        table.draw();
+    });
+
+    // Date range filter
+    $.fn.dataTable.ext.search.push(
+       
+        function(settings, data, dataIndex) {
+            var fromDate = $("#fromDate").datepicker("getDate");
+            var toDate = $("#toDate").datepicker("getDate");
+           
+            var dateStr = data[0]; // Assuming the date is in the first column
+           
+            // Convert dateStr to Date object
+            var dateParts = dateStr.split("-");
+            var date = new Date(dateParts[2], dateParts[1] - 1, dateParts[0]); // Convert dd-mm-yyyy to Date object
+
+            if (!fromDate || !toDate) {
+                return true; // No filter if dates are not selected
+            }
+
+            return date >= fromDate && date <= toDate;
+        }
+    );
+
+    // Handle form submission
+    $("#DateRangeFilter").submit(function(e) {
+        e.preventDefault();
+        table.draw();
+    });
+});
+</script>
\ No newline at end of file