diff --git a/package-lock.json b/package-lock.json
index 27c3479..0076148 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14792,6 +14792,11 @@
       "resolved": "https://registry.npmjs.org/vue2-animate/-/vue2-animate-2.1.0.tgz",
       "integrity": "sha512-OEuwx9Y2dmx3+hQ/K7zLc514v4xhc8tGDQl/ZTJh06r+/EG/oYQkhy2Fo4OOhDwiRJYFuTfkFhGlDtTnT4XGsw=="
     },
+    "vuejs-datepicker": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/vuejs-datepicker/-/vuejs-datepicker-1.5.4.tgz",
+      "integrity": "sha512-AVzgu3pb/fF/Sj3qu8YPnp7KhtsXkm8TSnBEcyYsWb1bMJr5FdPCxuIzISgw5kq0It7HkVJUGXQ4CiCwq9hhww=="
+    },
     "watchpack": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz",
diff --git a/package.json b/package.json
index fffb6a3..6a76668 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "sweetalert": "^2.1.2",
     "vue": "^2.5.17",
     "vue-router": "^3.0.1",
-    "vue2-animate": "^2.1.0"
+    "vue2-animate": "^2.1.0",
+    "vuejs-datepicker": "^1.5.4"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.1.1",
diff --git a/src/components/usuario/Devolucion.vue b/src/components/usuario/Devolucion.vue
index 97b5f91..a30d314 100644
--- a/src/components/usuario/Devolucion.vue
+++ b/src/components/usuario/Devolucion.vue
@@ -3,74 +3,90 @@
         br
         .columns
             .column.is-12
-                 table.table.is-fullwidth.is-hoverable.is-narrow
-                    thead
-                    tr
-                        th Carrito
-                        th Equipo
-                        th Tipo
-                        th No Inventario
-                        th Usuario
-                        th Regresar
-                    tbody
-                    tr(v-for="p in prestamo")
-                        td {{p.detalles[0].equipo.carrito.nombre}}
-                        td {{p.detalles[0].equipo.equipo_carrito}}
-                        td {{p.equipo}}
-                        td {{p.detalles[0].equipo.no_inventario}}
-                        td {{p.idUsuario}}
-                        td
-                            a.button.is-u-blue.is-outlined(v-on:click="regresar(p.idUsuario,p.id)")
-                                    span.icon.is-small
-                                        font-awesome-icon(icon="undo")
+              datepicker(v-model="date")
+              p {{niceDate}}
+              table.table.is-fullwidth.is-hoverable.is-narrow
+                thead
+                tr
+                  th Carrito
+                  th Equipo
+                  th Tipo
+                  th No Inventario
+                  th Usuario
+                  th Multa
+                  th Regresar
+                tbody
+                tr(v-for="p in prestamo")
+                    td {{p.detalles[0].equipo.carrito.nombre}}
+                    td {{p.detalles[0].equipo.equipo_carrito}}
+                    td {{p.equipo}}
+                    td {{p.detalles[0].equipo.no_inventario}}
+                    td {{p.idUsuario}}
+                    td
+                      a.button.is-danger.is-outlined(v-on:click="regresar(p.idUsuario,p.id)")
+                        span.icon.is-small
+                          font-awesome-icon(icon="flag")
+                    td
+                      a.button.is-link.is-outlined(v-on:click="regresar(p.idUsuario,p.id)")
+                        span.icon.is-small
+                          font-awesome-icon(icon="undo")
 </template>
 <script>
 import api from '../../api'
 import swal from 'sweetalert'
+import Datepicker from 'vuejs-datepicker'
 const axios = require('axios')
 export default {
-    props: ['usuario'],
-    data () {
-        return {
-           prestamo: {}
-        }
-    },
-    mounted () {
-        axios.get(api.url + '/prestamo/' + this.usuario, {
-            headers: {
-                'token': window.localStorage.pcpumaT
-            }
-        })
-            .then(response => {
-                console.log(response)
-                this.prestamo = response.data.data
-            })
-            .catch(error => {
-                swal('Error', error.response.data.err, 'error')
-            })
-
-    },
-    methods: {
-        regresar: function (usr, pre) {
-        axios({
-            method: 'put',
-            url: api.url + '/forzarDevolucion',
-            data: {
-            idUsuario: usr,
-            id: pre
-            },
-            headers: {
-            'token': window.localStorage.pcpumaT
-            }
-        })
-            .then(res => {
-                swal('Exito', 'Peticion exitosa ', 'success')
-            })
-            .catch(err => {
-                swal('Error', err.response.data.err, 'error')
-            })
-        }
+  components: { Datepicker },
+  props: ['usuario'],
+  data () {
+    return {
+      prestamo: {},
+      date: new Date()
     }
+  },
+  mounted () {
+    axios.get(api.url + '/prestamo/' + this.usuario, {
+      headers: {
+        'token': window.localStorage.pcpumaT
+      }
+    })
+      .then(response => {
+        console.log(response)
+        this.prestamo = response.data.data
+      })
+      .catch(error => {
+        swal('Error', error.response.data.err, 'error')
+      })
+  },
+  methods: {
+    regresar: function (usr, pre) {
+      axios({
+        method: 'put',
+        url: api.url + '/forzarDevolucion',
+        data: {
+          idUsuario: usr,
+          id: pre
+        },
+        headers: {
+          'token': window.localStorage.pcpumaT
+        }
+      })
+        .then(res => {
+          swal('Exito', 'Peticion exitosa ', 'success')
+        })
+        .catch(err => {
+          swal('Error', err.response.data.err, 'error')
+        })
+    }
+  },
+  computed: {
+    niceDate () {
+      if (this.date) {
+        return this.date.toLocaleDateString()
+      }
+    }
+  }
 }
 </script>
 
diff --git a/src/components/usuario/Prestamo.vue b/src/components/usuario/Prestamo.vue
index 8444d0c..7f17251 100644
--- a/src/components/usuario/Prestamo.vue
+++ b/src/components/usuario/Prestamo.vue
@@ -47,7 +47,7 @@ export default {
   },
   watch: {
     usuario: function () {
-      this.prestamoData = {}
+      this.prestamoData = []
     }
   },
   methods: {
diff --git a/src/scss/main.scss b/src/scss/main.scss
index c2c58d0..32a2da4 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -3,4 +3,5 @@
 @import './acatlan/bulma.sass';
 @import '../../node_modules/bulma-extensions/bulma-switch/dist/css/bulma-switch.sass';
 @import '../../node_modules/bulma-extensions/bulma-pageloader/dist/css/bulma-pageloader.sass';
-@import '../../node_modules/bulma-extensions/bulma-steps/dist/css/bulma-steps.sass';
\ No newline at end of file
+@import '../../node_modules/bulma-extensions/bulma-steps/dist/css/bulma-steps.sass';
+@import '../../node_modules/bulma-extensions/bulma-calendar/dist/css/bulma-calendar.sass';
\ No newline at end of file