diff --git a/app/Filters/Banking/Transactions.php b/app/Filters/Banking/Transactions.php
index 8c64cb979..89a0f33d0 100644
--- a/app/Filters/Banking/Transactions.php
+++ b/app/Filters/Banking/Transactions.php
@@ -28,4 +28,13 @@ class Transactions extends ModelFilter
 
         return $this->where('category_id', $category_id);
     }
+
+    public function date($date)
+    {
+        $dates = explode('_', $date);
+        $dates[0] .= ' 00:00:00';
+        $dates[1] .= ' 23:59:59';
+
+        return $this->whereBetween('paid_at', $dates);
+    }
 }
\ No newline at end of file
diff --git a/app/Filters/Banking/Transfers.php b/app/Filters/Banking/Transfers.php
index 594d4ee01..18dbb6a90 100644
--- a/app/Filters/Banking/Transfers.php
+++ b/app/Filters/Banking/Transfers.php
@@ -23,4 +23,13 @@ class Transfers extends ModelFilter
     {
         return $this->related('revenue', 'revenues.account_id', '=', $account_id);
     }
+
+    public function date($date)
+    {
+        $dates = explode('_', $date);
+        $dates[0] .= ' 00:00:00';
+        $dates[1] .= ' 23:59:59';
+
+        return $this->whereBetween('paid_at', $dates);
+    }
 }
diff --git a/app/Filters/Expenses/Bills.php b/app/Filters/Expenses/Bills.php
index 7055a1ef7..d626f1a33 100644
--- a/app/Filters/Expenses/Bills.php
+++ b/app/Filters/Expenses/Bills.php
@@ -28,4 +28,13 @@ class Bills extends ModelFilter
     {
         return $this->where('bill_status_code', $status);
     }
+
+    public function billDate($date)
+    {
+        $dates = explode('_', $date);
+        $dates[0] .= ' 00:00:00';
+        $dates[1] .= ' 23:59:59';
+
+        return $this->whereBetween('billed_at', $dates);
+    }
 }
\ No newline at end of file
diff --git a/app/Filters/Expenses/Payments.php b/app/Filters/Expenses/Payments.php
index a9345d428..54a786c37 100644
--- a/app/Filters/Expenses/Payments.php
+++ b/app/Filters/Expenses/Payments.php
@@ -33,4 +33,13 @@ class Payments extends ModelFilter
     {
         return $this->where('account_id', $account);
     }
+
+    public function date($date)
+    {
+        $dates = explode('_', $date);
+        $dates[0] .= ' 00:00:00';
+        $dates[1] .= ' 23:59:59';
+
+        return $this->whereBetween('paid_at', $dates);
+    }
 }
\ No newline at end of file
diff --git a/app/Filters/Incomes/Invoices.php b/app/Filters/Incomes/Invoices.php
index 79e3ef639..7e1acabc4 100644
--- a/app/Filters/Incomes/Invoices.php
+++ b/app/Filters/Incomes/Invoices.php
@@ -28,4 +28,13 @@ class Invoices extends ModelFilter
     {
         return $this->where('invoice_status_code', $status);
     }
-}
\ No newline at end of file
+
+    public function invoiceDate($date)
+    {
+        $dates = explode('_', $date);
+        $dates[0] .= ' 00:00:00';
+        $dates[1] .= ' 23:59:59';
+
+        return $this->whereBetween('invoiced_at', $dates);
+    }
+}
diff --git a/app/Filters/Incomes/Revenues.php b/app/Filters/Incomes/Revenues.php
index f61bcfa35..93aede017 100644
--- a/app/Filters/Incomes/Revenues.php
+++ b/app/Filters/Incomes/Revenues.php
@@ -33,4 +33,13 @@ class Revenues extends ModelFilter
     {
         return $this->where('account_id', $account);
     }
+
+    public function date($date)
+    {
+        $dates = explode('_', $date);
+        $dates[0] .= ' 00:00:00';
+        $dates[1] .= ' 23:59:59';
+
+        return $this->whereBetween('paid_at', $dates);
+    }
 }
\ No newline at end of file
diff --git a/app/Providers/FormServiceProvider.php b/app/Providers/FormServiceProvider.php
index 39e66eb40..47c07b08e 100644
--- a/app/Providers/FormServiceProvider.php
+++ b/app/Providers/FormServiceProvider.php
@@ -66,6 +66,10 @@ class FormServiceProvider extends ServiceProvider
         Form::component('recurring', 'partials.form.recurring', [
             'page', 'model' => null,
         ]);
+
+        Form::component('dateRange', 'partials.form.date_range', [
+            'name', 'text', 'icon', 'attributes' => ['required' => 'required'], 'value' => null, 'col' => 'col-md-6',
+        ]);
     }
 
     /**
diff --git a/public/css/app.css b/public/css/app.css
index 60b091985..312a63455 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -46,6 +46,7 @@
 
 .btn-filter {
     margin-bottom: 1px;
+    vertical-align: top;
 }
 
 .setting-buttons {
@@ -729,3 +730,9 @@ input[type="number"] {
 #role-permissions .nav-tabs-custom .tab-content .form-group.col-md-12 .col-md-3 .input-checkbox {
     font-weight: normal;
 }
+
+.btn-filter.date-range-btn {
+    background-color: inherit;
+    border-radius: 0px;
+    vertical-align: top;
+}
diff --git a/public/js/app.js b/public/js/app.js
index 85aceef44..5a05259d0 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -291,3 +291,22 @@ $(document).on('change', '.input-group-recurring #recurring_frequency', function
         recurring_count.removeClass('hidden');
     }
 });
+
+function convertDateFormat(date, split_character) {
+    var result = [];
+    var formats = {
+        'd': 'DD',
+        'M': 'MMM',
+        'Y': 'YYYY',
+        'F': 'MMMM',
+        'm': 'MM'
+    };
+
+    dates = date.split(split_character);
+
+    dates.forEach(function(value) {
+        result.push(formats[value]);
+    });
+
+    return result.join(split_character);
+}
diff --git a/resources/views/banking/transactions/index.blade.php b/resources/views/banking/transactions/index.blade.php
index d25de5eb3..667331f73 100644
--- a/resources/views/banking/transactions/index.blade.php
+++ b/resources/views/banking/transactions/index.blade.php
@@ -12,6 +12,7 @@
             {!! Form::select('account', $accounts, request('account'), ['class' => 'form-control input-filter input-sm']) !!}
             {!! Form::select('type', $types, request('type'), ['class' => 'form-control input-filter input-sm']) !!}
             {!! Form::select('category', $categories, request('category'), ['class' => 'form-control input-filter input-sm']) !!}
+            {!! Form::dateRange('date', trans('general.date'), 'calendar', []) !!}
             {!! Form::button('<span class="fa fa-filter"></span> &nbsp;' . trans('general.filter'), ['type' => 'submit', 'class' => 'btn btn-sm btn-default btn-filter']) !!}
         </div>
         <div class="pull-right">
@@ -58,3 +59,15 @@
 </div>
 <!-- /.box -->
 @endsection
+
+@push('js')
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/moment.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/locales/bootstrap-datepicker.' . language()->getShortCode() . '.js') }}"></script>
+@endpush
+
+@push('css')
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.css') }}">
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/datepicker3.css') }}">
+@endpush
diff --git a/resources/views/banking/transfers/index.blade.php b/resources/views/banking/transfers/index.blade.php
index 046dbf9e7..609374012 100644
--- a/resources/views/banking/transfers/index.blade.php
+++ b/resources/views/banking/transfers/index.blade.php
@@ -17,6 +17,7 @@
             <span class="title-filter hidden-xs">{{ trans('general.search') }}:</span>
             {!! Form::select('from_account', $accounts, request('from_account'), ['class' => 'form-control input-filter input-sm']) !!}
             {!! Form::select('to_account', $accounts, request('to_account'), ['class' => 'form-control input-filter input-sm']) !!}
+            {!! Form::dateRange('date', trans('general.date'), 'calendar', []) !!}
             {!! Form::button('<span class="fa fa-filter"></span> &nbsp;' . trans('general.filter'), ['type' => 'submit', 'class' => 'btn btn-sm btn-default btn-filter']) !!}
         </div>
         <div class="pull-right">
@@ -74,3 +75,15 @@
 </div>
 <!-- /.box -->
 @endsection
+
+@push('js')
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/moment.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/locales/bootstrap-datepicker.' . language()->getShortCode() . '.js') }}"></script>
+@endpush
+
+@push('css')
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.css') }}">
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/datepicker3.css') }}">
+@endpush
diff --git a/resources/views/expenses/bills/index.blade.php b/resources/views/expenses/bills/index.blade.php
index ca47a2b6c..700e71400 100644
--- a/resources/views/expenses/bills/index.blade.php
+++ b/resources/views/expenses/bills/index.blade.php
@@ -20,6 +20,7 @@
             {!! Form::text('search', request('search'), ['class' => 'form-control input-filter input-sm', 'placeholder' => trans('general.search_placeholder')]) !!}
             {!! Form::select('vendor', $vendors, request('vendor'), ['class' => 'form-control input-filter input-sm']) !!}
             {!! Form::select('status', $statuses, request('status'), ['class' => 'form-control input-filter input-sm']) !!}
+            {!! Form::dateRange('bill_date', trans('bills.bill_date'), 'calendar', []) !!}
             {!! Form::button('<span class="fa fa-filter"></span> &nbsp;' . trans('general.filter'), ['type' => 'submit', 'class' => 'btn btn-sm btn-default btn-filter']) !!}
         </div>
         <div class="pull-right">
@@ -88,3 +89,15 @@
 <!-- /.box -->
 @endsection
 
+@push('js')
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/moment.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/locales/bootstrap-datepicker.' . language()->getShortCode() . '.js') }}"></script>
+@endpush
+
+@push('css')
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.css') }}">
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/datepicker3.css') }}">
+@endpush
+
diff --git a/resources/views/expenses/payments/index.blade.php b/resources/views/expenses/payments/index.blade.php
index 22ec31224..a96a128d6 100644
--- a/resources/views/expenses/payments/index.blade.php
+++ b/resources/views/expenses/payments/index.blade.php
@@ -21,6 +21,7 @@
             {!! Form::select('vendor', $vendors, request('vendor'), ['class' => 'form-control input-filter input-sm']) !!}
             {!! Form::select('category', $categories, request('category'), ['class' => 'form-control input-filter input-sm']) !!}
             {!! Form::select('account', $accounts, request('account'), ['class' => 'form-control input-filter input-sm']) !!}
+            {!! Form::dateRange('date', trans('general.date'), 'calendar', []) !!}
             {!! Form::button('<span class="fa fa-filter"></span> &nbsp;' . trans('general.filter'), ['type' => 'submit', 'class' => 'btn btn-sm btn-default btn-filter']) !!}
         </div>
         <div class="pull-right">
@@ -87,3 +88,15 @@
 <!-- /.box -->
 @endsection
 
+@push('js')
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/moment.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/locales/bootstrap-datepicker.' . language()->getShortCode() . '.js') }}"></script>
+@endpush
+
+@push('css')
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.css') }}">
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/datepicker3.css') }}">
+@endpush
+
diff --git a/resources/views/incomes/invoices/index.blade.php b/resources/views/incomes/invoices/index.blade.php
index 4e3617339..95ff62fb4 100644
--- a/resources/views/incomes/invoices/index.blade.php
+++ b/resources/views/incomes/invoices/index.blade.php
@@ -20,6 +20,7 @@
             {!! Form::text('search', request('search'), ['class' => 'form-control input-filter input-sm', 'placeholder' => trans('general.search_placeholder')]) !!}
             {!! Form::select('customer', $customers, request('customer'), ['class' => 'form-control input-filter input-sm']) !!}
             {!! Form::select('status', $status, request('status'), ['class' => 'form-control input-filter input-sm']) !!}
+            {!! Form::dateRange('invoice_date', trans('invoices.invoice_date'), 'calendar', []) !!}
             {!! Form::button('<span class="fa fa-filter"></span> &nbsp;' . trans('general.filter'), ['type' => 'submit', 'class' => 'btn btn-sm btn-default btn-filter']) !!}
         </div>
         <div class="pull-right">
@@ -86,3 +87,16 @@
 </div>
 <!-- /.box -->
 @endsection
+
+@push('js')
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/moment.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/locales/bootstrap-datepicker.' . language()->getShortCode() . '.js') }}"></script>
+@endpush
+
+@push('css')
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.css') }}">
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/datepicker3.css') }}">
+@endpush
+
diff --git a/resources/views/incomes/revenues/index.blade.php b/resources/views/incomes/revenues/index.blade.php
index 72b109113..01db5b3c6 100644
--- a/resources/views/incomes/revenues/index.blade.php
+++ b/resources/views/incomes/revenues/index.blade.php
@@ -21,6 +21,7 @@
             {!! Form::select('customer', $customers, request('customer'), ['class' => 'form-control input-filter input-sm']) !!}
             {!! Form::select('category', $categories, request('category'), ['class' => 'form-control input-filter input-sm']) !!}
             {!! Form::select('account', $accounts, request('account'), ['class' => 'form-control input-filter input-sm']) !!}
+            {!! Form::dateRange('date', trans('general.date'), 'calendar', []) !!}
             {!! Form::button('<span class="fa fa-filter"></span> &nbsp;' . trans('general.filter'), ['type' => 'submit', 'class' => 'btn btn-sm btn-default btn-filter']) !!}
         </div>
         <div class="pull-right">
@@ -87,3 +88,15 @@
 <!-- /.box -->
 @endsection
 
+@push('js')
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/moment.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
+<script src="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/locales/bootstrap-datepicker.' . language()->getShortCode() . '.js') }}"></script>
+@endpush
+
+@push('css')
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/daterangepicker/daterangepicker.css') }}">
+<link rel="stylesheet" href="{{ asset('vendor/almasaeed2010/adminlte/plugins/datepicker/datepicker3.css') }}">
+@endpush
+
diff --git a/resources/views/partials/form/date_range.blade.php b/resources/views/partials/form/date_range.blade.php
new file mode 100644
index 000000000..ad981a2e6
--- /dev/null
+++ b/resources/views/partials/form/date_range.blade.php
@@ -0,0 +1,46 @@
+<button type="button" class="btn btn-sm btn-default btn-filter date-range-btn">
+    <span>
+      <i class="fa fa-{{ $icon }}"></i> {{ $text }}
+    </span>
+    <i class="fa fa-caret-down"></i>
+    {!! Form::hidden($name, null, []) !!}
+</button>
+
+@push('scripts')
+<script type="text/javascript">
+    $(document).ready(function(){
+        $('.date-range-btn').daterangepicker(
+            {
+                ranges   : {
+                    'Today'       : [moment(), moment()],
+                    'Yesterday'   : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month'  : [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                },
+                startDate: moment().subtract(29, 'days'),
+                endDate  : moment()
+            },
+            function (start, end) {
+                $('input[name={{ $name }}]').val(start.format('YYYY-MM-DD') + '_' + end.format('YYYY-MM-DD'));
+
+                date_format = convertDateFormat('{{ setting('general.date_format') }}', ' ');
+                $('.date-range-btn span').html(start.format(date_format) + ' - ' + end.format(date_format));
+            }
+        );
+
+        @if(request($name))
+        var setDate = '{{ request($name) }}';
+        var setDates = setDate.split('_');
+
+        date_format = convertDateFormat('{{ setting('general.date_format') }}', ' ');
+
+        start_date = moment(setDates[0], 'YYYY-MM-DD'); //new Date(setDates[0]);
+        finish_date = moment(setDates[1], 'YYYY-MM-DD'); //new Date(setDates[1]);
+
+        $('.date-range-btn span').html(start_date.format(date_format) + ' - ' + finish_date.format(date_format));
+        @endif
+    });
+</script>
+@endpush